@extends('layouts.admin')

@section('content')
<div class="formswrap">
    <section class="forms-basic consearchbasic">
        <form class="form-floating form-validate" id="macropointsearchform" name="macropointsearchform">
            {{ csrf_field() }}
            <div class="row m-b-40">
                <div class="col-md-12">
                    <div class="well white consearcheight" style="min-height: 105px">
                        <fieldset>
                            <input type="hidden" name="search" id="search" value="true">
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_from_date" class="control-label">FROM DATE</label>
                                <input type="text" class="form-control datepicker" name="search_from_date"
                                    id="search_from_date"
                                    value="@if(isset($searchData['from_date'])){{ $searchData['from_date']}}@endif">
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_to_date" class="control-label">TO DATE</label>
                                <input type="text" class="form-control datepicker" name="search_to_date"
                                    id="search_to_date"
                                    value="@if(isset($searchData['to_date'])){{ $searchData['to_date']}}@endif">
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_po" class="control-label">ORDER#</label>
                                <input type="text" class="form-control" name="search_order" id="search_order"
                                    value="@if(isset($searchData['order'])){{ $searchData['order']}}@endif">
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label class="control-label normal select-label">STATUS</label>
                                <select name="search_status" id="search_status" class="select2 form-control">
                                    <option value="0">Select the status</option>
                                    <option value="1">Completed</option>
                                    <option value="2">Not Completed</option>
                                </select>
                            </div>
                        </fieldset>
                    </div>
                </div>
                <div class="newcontbtn">
                    <input class="btn btn-sm btn-danger contbtnnew" type="submit" name="macropoint-search"
                        id="macropoint-search" value="Search">
                    <input type="hidden" name="search_clear" id="search_clear" value="">
                    <input class="btn btn-sm btn-danger contbtnnew" type="button" name="macropoint-clear"
                        id="macropoint-clear" value="Clear">
                </div>
            </div>
        </form>
    </section>
</div>
<div class="card">
    <div>
        <div class="datatables shipmenttable">
            <table id="macropoint-table" class="table table-full table-full-small" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>Order #</th>
                        <th>Vehicle ID #</th>
                        <th>Trailer ID #</th>
                        <th>Client</th>
                        <th>Track start Date</th>
                        <th>Track start Time</th>
                        <th>Track Duration</th>
                        <th>Track Intervals</th>
                        <th>Notes</th>
                        <th>Status Code</th>
                        <th>Status</th>
                        <th>Message</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/reports/macropoint.js?v='.time())}}"></script>
@endsection