@section('stylesheets')
@parent
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css" />

@endsection
{{ Form::open(['route' => 'rides.search', 'method' => 'get','id'=>'rides_search']) }}
    <tr>
        <td>
            <input type="text" name="id"  class="form-control id-field" data-toggle="tooltip" data-placement="top" value={{ app('request')->has('id')?app('request')->input('id'):null }}>
        </td>
        <td>
            <input type="text" name="name"  class="form-control" data-toggle="tooltip" data-placement="top" value="{{ app('request')->has('name')?app('request')->input('name'):null }}">
        </td>
        <td>
            <input type="text" name="email"  class="form-control" data-toggle="tooltip" data-placement="top" value={{ app('request')->has('email')?app('request')->input('email'):null }}>
        </td>
        <td>
            <input type="text" name="phone"  class="form-control" data-toggle="tooltip" data-placement="top" value="{{ app('request')->has('phone')?app('request')->input('phone'):null }}">
        </td>
        <td>
            <input type="text" class="form-control date" name="date" data-toggle="tooltip" data-placement="top" value={{ app('request')->has('date')?app('request')->input('date'):null }}>
        </td>
        <td>
            {{ Form::select('event', Helper::typeOfEvents() ,app('request')->has('event')?app('request')->input('event'):"",['placeholder'=>'', 'class'=> 'form-control']) }}
        </td>
        <td>
            {{ Form::select('vehicle_type', Helper::fleetType() ,app('request')->has('vehicle_type')?app('request')->input('vehicle_type'):"",['placeholder'=>'', 'class'=> 'form-control']) }}
        </td>
        <td>
            <select name="filterData[status]" class="form-control select-filter" data-toggle="tooltip" data-placement="top">
                <option value=""></option>
                <option value="New" {{  (isset($filterData['status']) && $filterData['status']=="New") ? 'selected="selected"':"" }} >New</option>
                <option value="Confirmed" {{  (isset($filterData['status']) && $filterData['status']=="Confirmed") ? 'selected="selected"':"" }} >Confirmed</option>
                <option value="Completed" {{  (isset($filterData['status']) && $filterData['status']=="Completed") ? 'selected="selected"':"" }} >Completed</option>
                <option value="Cancel" {{  (isset($filterData['status']) && $filterData['status']=="Cancel") ? 'selected="selected"':"" }} >Cancel</option>
             </select>
        </td>
        <td class="text-center">
            <button type="submit" class="back-btn"><i aria-label="hidden" class="fa fa-filter"></i> Filter</button>
            <a href="{{ action('RideReservationController@index') }}" class="reset-btn"><i aria-label="hidden" class="fa fa-refresh"></i> Reset</a>
        </td>
    </tr>
{{ Form::close() }}


@section('scripts')
<script type="text/javascript" src="js/moment.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/eonasdan-bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>  
<script>
 jQuery(function () {
            jQuery('.date').datetimepicker({
                format: 'MM/DD/Y'
            });
        });
</script>

    
@endsection