@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | News</title>
@stop
@section('content')
<section class="content">
  <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <!-- <span class="info-box-icon bg-aqua"></span> -->
            <a href="{{URL::to('account/news/create')}}" >
              <button type="button" class="btn btn-block btn-primary btn-lg"><i class="fa-eplus"></i>Add News</button>
            </a>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
  </div>
  <div class="box">
        <!-- <div class="box-header">
          <h3 class="box-title">News Articles List</h3>
        </div> -->
        <!-- /.box-header -->
        <div class="box-body"> 
            <table id="news" class="table table-bordered table-hover">
                <thead>
                  <tr>
                    <th>Created Date</th>
                    <th>News Title</th>
                    <th width="15%">Created Date</th>
                    <th class="actalign">Status</th>
                    <th class="actalign">Edit</th>
                    <th width="10%" class="actalign">Delete</th>
                  </tr>
                </thead>
                <tbody>
                @if(isset($news))
                @foreach($news as $ns)
                  <tr>
                    <td>{{$ns->updated_at}}</td>
                    <td> {{$ns->news_title}} </td>
                    <td>{{date('d-m-Y H:i:s',strtotime($ns->updated_at))}}</td>
                    <td class="actalign"> 
                      @if($ns->publish != 1)
                      <div class="form-group has-error">
                        <a href="#" class="control-label changestatusPbUpb" data-id ='{{$ns->news_id}}' data-status ="publish" for="inputError">
                          <i class="fa fa-times-circle-o" title="Unpublished"></i> 
                        </a>
                      </div>
                      @else
                      <div class="form-group has-success">
                        <a href="#" class="control-label changestatusPbUpb" data-id ='{{$ns->news_id}}' data-status ="unpublish" for="inputSuccess"><i class="fa fa-check" title="Published"></i></a>
                      </div>
                      @endif
                    </td>
                    <td class="actalign">  
                      <a id="View" value="" title="Edit" class="" href="{{ URL::to('account/news/'.$ns->news_id.'/edit') }}"><i class='fa fa-fw  fa-edit'></i></a>
                    </td>
                    <td class="actalign">  
                      <a id="View" value="" class="text-red delete-btn" title="Delete" data-id ="{{$ns->news_id}}" href='#'> <i class="fa fa-fw fa-remove"></i></a>
                    </td>
                  </tr>
                @endforeach
                @endif
              </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        </div>
    
    <!-- modal for Delete button -->
    <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
    <div class="modal fade" id="ConfirmDelete">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">News deletion</h4>
              </div>
              <div class="modal-body">
                <p> Do you really want to delete?</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                <div id="ajax_button"></div>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
    </div>
    <!-- modal for Status button -->
    <a data-target="#statusPbUpb" role="button" data-toggle="modal" id="triggerStaPU"></a>
    <div class="modal fade" id="statusPbUpb">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">News Status</h4>
              </div>
              <div class="modal-body">
                <p> Do you really want to change the status?</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                <div id="ajaxStatusPU"></div>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
      </div>
</section>

@stop
@section('pageBottomJs')
   <style type="text/css">
    /* for Actions alignments in table */
    .actalign{
      text-align: center;
    }
    /* for Add news button */
    .info-box {
      min-height: 42px;
    }
  </style> 
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/pdfmake.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script>
    $(document).ready(function () {
      $('#news').dataTable({
        paging: true,
        lengthChange: true,
        searching: true,
        ordering: true,
        info: true,
        autoWidth: false,
        order: [[0, 'desc']],
        aoColumnDefs: [
          {bSortable: false, aTargets: [4,5]},
          {'visible': false, "aTargets" : 0}
        ],
        iDisplayLength: 20,
        aLengthMenu : [[10,20,50,100,1],[10,20,50,100,"All"]],
      });   
   

    $(".delete-btn").click(function () {
        var $id = $(this).attr("data-id");
        $("#ajax_button").html(
           "<a href='/account/search-news/" + $id+"'             class='btn btn-danger'>Confirm</a>"
        );
        $("#trigger").click();
    });
    $(".changestatusPbUpb").click(function () {
        var $id = $(this).attr("data-id");
        var $status = $(this).attr("data-status");
        $("#ajaxStatusPU").html(
           "<a href='/account/search-news/" + $id+'/'+$status+"'             class='btn btn-danger'>Confirm</a>"
        );
        $("#triggerStaPU").click();
    });
 });
</script>
@stop