@extends('admin::curd.index')
@section('heading')
<i class="fa fa-file-text-o"></i> {!! trans('insurance_despatch_tracker::insurance_despatch_tracker.name') !!} <small> {!! trans('cms.manage') !!} {!! trans('insurance_despatch_tracker::insurance_despatch_tracker.names') !!}</small>
@stop

@section('title')
{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.names') !!}
@stop

@section('breadcrumb')
<ol class="breadcrumb">
    <li><a href="{!! trans_url('admin') !!}"><i class="fa fa-dashboard"></i> {!! trans('cms.home') !!} </a></li>
    <li class="active">{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.names') !!}</li>
</ol>
@stop

@section('entry')

<div class="box box-warning" id='insurance_despatch_tracker-insurance_despatch_tracker-entry'>
</div>
@stop

@section('tools')
@stop

@section('content')
<div class="table-responsive">
<table id="insurance_despatch_tracker-insurance_despatch_tracker-list" class="table table-striped data-table" style="width: 2000px">
    <thead  class="list_head">
        <th> <div class="reset" style="display:none;"></div></th> 
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.doc_no')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.date')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.uhid')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.ip_op_no')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.invoice_ref_no')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.status')!!}</th>
        <th>{!! trans('insurance_despatch_tracker::insurance_despatch_tracker.label.remarks')!!}</th>

    </thead>
    <thead  class="search_bar">
        <th > <div  class="reset" style="display:none;"><a  id="resetnow" class="headpicture" style="cursor:pointer;"><i class="fa fa-refresh" style="color:#000;"></i></a></div> </th>
        <th>{!! Form::text('search[id]')->id('doc_no')->style('width: 80px')->raw() !!}</th>
        <th>{!! Form::date('search[date]')->id('date')->addclass('datepick')->raw()!!}</th>
        <th>{!! Form::text('search[uhid]')->id('uhid')->raw()!!}</th>
        <th>{!! Form::text('search[ip_op_no]')->id('ip_op_no')->style('width: 160px')->raw()!!}</th>
        <th>{!! Form::text('search[invoice_ref_no]')->id('invoice_ref_no')->style('width: 160px')->raw()!!}</th>
        <th>{!! Form::select('search[status]')->id('status')->options(['' => 'All'] +trans('insurance_despatch_tracker::insurance_despatch_tracker.options.status'))->raw() !!}</th>
        <th></th>

    </thead>
</table>
</div>
@stop

@section('script')
<script type="text/javascript">

var oTable;
$(document).ready(function(){

    $(".datepick").pickadate({
                format: 'dd mmm, yyyy',
                formatSubmit: 'yyyy-mm-dd',
                hiddenSuffix: '',
                selectMonths: true,
                selectYears: true
            }).prop('type', 'text');

    app.load('#insurance_despatch_tracker-insurance_despatch_tracker-entry', '{!!trans_url('admin/insurance_despatch_tracker/insurance_despatch_tracker/0')!!}');
    oTable = $('#insurance_despatch_tracker-insurance_despatch_tracker-list').dataTable( {
        "bProcessing": true,
        "sDom": 'R<>rt<ilp><"clear">',
        "bServerSide": true,
        "sAjaxSource": '{!! trans_url('/admin/insurance_despatch_tracker/insurance_despatch_tracker') !!}',
        "fnServerData" : function ( sSource, aoData, fnCallback ) {

            $('#insurance_despatch_tracker-insurance_despatch_tracker-list .search_bar input, #insurance_despatch_tracker-insurance_despatch_tracker-list .search_bar select').each(
                function(){
                    aoData.push( { 'name' : $(this).attr('name'), 'value' : $(this).val() } );
                }
            );
            app.dataTable(aoData);
            $.ajax({
                'dataType'  : 'json',
                'data'      : aoData,
                'type'      : 'GET',
                'url'       : sSource,
                'success'   : fnCallback
            });
        },

        "columns": [
            {data: 'dresets'},  
            {
                data: 'id',
                render: function(data,type, row) {
                    return row.doc_no;
                }
            },
            {data: 'date'},
            {data: 'uhid'},
            {data: 'ip_op_no'},
            {data: 'invoice_ref_no'},
            {data: 'status'},
            {data: 'remarks'}
        ],
        // "order": [
        //     [1, "dsc"]
        // ],
        "pageLength": 25

    });

    $('#insurance_despatch_tracker-insurance_despatch_tracker-list tbody').on( 'click', 'tr', function () {

        oTable.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');

        var d = $('#insurance_despatch_tracker-insurance_despatch_tracker-list').DataTable().row( this ).data();

        $('#insurance_despatch_tracker-insurance_despatch_tracker-entry').load('{!!trans_url('admin/insurance_despatch_tracker/insurance_despatch_tracker')!!}' + '/' + d.id);
    });

    $("#insurance_despatch_tracker-insurance_despatch_tracker-list .search_bar input, #insurance_despatch_tracker-insurance_despatch_tracker-list .search_bar select").on('keyup select', function (e) {
        e.preventDefault();
        if (e.keyCode == 13 || e.keyCode == 9) {
            oTable.api().draw();
        }
    });

    $("#insurance_despatch_tracker-insurance_despatch_tracker-list .search_bar select,.datepick").on('change', function (e) {
        e.preventDefault();
        oTable.api().draw();
    });
    $("#resetnow").click(function() {
    $('.search_bar input, .search_bar select').each(function () {
        $(this).val('');
    })       
      oTable.api().draw();
      $(".reset").css({'display':'none'});
    });

    $('.search_bar').change(function(){
      $(".reset").css({'display':'inline'});
      return;
    });
});
</script>
@stop

@section('style')
<style>
    .box {
        margin-bottom: 0px !important;

    }
    .master-header{

        display: none!important;

    }     
        .box{

        border-top:0px solid white !important;

    } 
</style>

@stop