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

@section('title')
{!! trans('valet_parking::parking_slot.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('valet_parking::parking_slot.names') !!}</li>
</ol>
@stop

@section('entry')
<div class="box box-warning" id='valet_parking-parking_slot-entry'>
</div>
@stop

@section('tools')
@stop

@section('content')
    <div class="table-responsive">
        <table id="valet_parking-parking_slot-list" class="table table-striped data-table">
            <thead  class="list_head">
                <th> <div class="reset" style="display:none;"></div></th> 
                <th>{!! trans('valet_parking::parking_slot.label.code') !!}</th>
                <th>{!! trans('valet_parking::parking_slot.label.name') !!}</th>
                <th>{!! trans('valet_parking::parking_slot.label.parking_area_id') !!}</th>
                {{-- <th>{!! trans('valet_parking::parking_slot.label.status') !!}</th> --}}
                <th>{!! trans('valet_parking::parking_slot.label.booking_status') !!}</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[code]')->id('code')->raw() !!}</th>
                    <th>{!! Form::text('search[name]')->id('name')->raw() !!}</th>
                    <th>{!! Form::select('search[parking_area_id]')->options([''=>'All']+ValetParking::parking_Areas())->id('parking_area_id')->raw()!!}</th>
                    {{-- <th>{!! Form::select('search[status]')->options(['' => 'All'] + trans('valet_parking::parking_slot.options.status'))->id('status')->raw() !!}</th> --}}
                    <th>{!! Form::select('search[booking_status]')->options(['' => 'All'] + trans('valet_parking::parking_slot.options.booking_status'))->id('booking_status')->raw() !!}</th>
                </thead>
        </table>
    </div>
@stop

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

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

                $('#valet_parking-parking_slot-list .search_bar input, #valet_parking-parking_slot-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: 'code'},
                {data: 'name'},
                {data: 'parking_area_id'},
                // {data: 'status'},
                {data: 'booking_status'}
            ],
            "pageLength": 25
        });

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

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

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

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

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

        $("#valet_parking-parking_slot-list .search_bar select,.datepick").on('change', function (e) {
            e.preventDefault();
            oTable.api().draw();
        });

        $("#resetnow").click(function() {
            $("#code").val('');  
            $("#name").val('');  
            $("#parking_area_id").val('');     
            // $("#status").val(''); 
            $("#booking_status").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