@extends('layouts.admin')

@section('content')
<style>
.addoffer_modal .form-floating .help-block {
    margin-bottom: 10px;
}

.addoffer_modal .form-floating .control-label {
    left: 15px;
}

.addoffer_modal .form-group {
    margin-bottom: 0px;
}

.pit-act-btn {
    margin-right: 3px;
}

.quickloadform .form-group.has-error {
    margin-bottom: 0px !important;
}

.quickloadform .help-block {
    margin-bottom: 0px !important;
}

.form-group .select-label {
    padding-bottom: 0px !important;
}

.form-group .select-field {
    height: 30px;
    font-size: 14px;
}

.well legend {
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: bold;
}

.pit-accepted {
    background-color: #7dd87d !important;
}
</style>
<div class="card">
    <div class=" m-b-40">
        <form action="{{ route('admin.pit.store') }}" method="POST" class="form-floating form-validate form-ajax"
            id="pitorderform" name="pitorderform">
            {{ csrf_field() }}
            <div class="col-md-12">
                <div class="white quickloadform" style="padding-top:20px;padding-left: 25px;padding-right: 25px;">
                    <fieldset>
                        <div class="row">
                            <div class="form-group col-md-6 padding-left">
                                <label class="control-label">ORIGIN - CITY</label>
                                <input type="text" class="form-control" name="search_origin" id="search_origin"
                                    data-validation="" autocomplete="off">
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_origin_state" class="control-label normal">ORIGIN STATE</label>
                                {!! FormField::select2('search_origin_state', $states,
                                (isset($searchData['origin_state']) ? $searchData['origin_state'] : ''), false, 'All')
                                !!}
                            </div>
                            <div class="clearfix"></div>
                            <div class="form-group col-md-6 padding-left">
                                <label class="control-label">DESTINATION- CITY</label>
                                <input type="text" class="form-control" name="search_destination"
                                    id="search_destination" data-validation="" autocomplete="off">
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_destination_state" class="control-label normal">DESTINATION
                                    STATE</label>
                                {!! FormField::select2('search_destination_state', $states,
                                (isset($searchData['destination_state']) ? $searchData['destination_state'] : ''),
                                false, 'All') !!}
                            </div>
                            <div class="clearfix"></div>

                            <div class="form-group col-md-6 padding-left">
                                <label class="control-label normal select-label">EQUIPMENT</label>
                                <select name="equipment_id" id="equipment_id" class="select2 form-control">
                                    <option>Select Equipment</option>
                                    @foreach($equipments as $equipment)
                                    <option value="{{ $equipment->id }}">{{ $equipment->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-6 padding-left">
                                <label for="search_client_name" class="control-label">CLIENT</label>
                                <input type="text" class="form-control" name="search_client_name"
                                    id="search_client_name"
                                    value="@if(isset($searchData['client_name'])){{ $searchData['client_name']}}@endif">
                            </div>
                            <div class="clearfix"></div>
                            <div class="form-group col-md-2 padding-left" style="margin:0px;">
                                <input class="btn btn-sm btn-danger" type="submit" id="submit" name="quickaadd"
                                    value="Search" style="margin-bottom:15px;">
                                <input class="btn btn-sm btn-danger" type="button" id="clear" value="Clear"
                                    style="margin-bottom:15px;">

                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>
        </form>
        <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Latest 20 Loads</legend>
                <legend>Last Week</legend>
                <div class="datatables">
                    <table id="week-loads" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Order</th>
                                <th>Client</th>
                                <th>Origin</th>
                                <th>Destination</th>
                                <th>Client Pay</th>
                                <th>Carrier Pay</th>
                                <th>DAT Price</th>
                                <th>Equipment Type</th>
                            </tr>
                        </thead>
                        <tbody id="week-loads-data">
                        </tbody>
                    </table>
                </div>
                <div class="row custom_p_blk">
                    <div class="col-md-4">
                        <p><b>Average Client Pay : $<span id="week_client_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average Carrier Pay : $<span id="week_carrier_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average DAT Pay : $<span id="week_dat_avg">0</span></b></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Last Month</legend>
                <div class="datatables">
                    <table id="month-loads" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Order</th>
                                <th>Client</th>
                                <th>Origin</th>
                                <th>Destination</th>
                                <th>Client Pay</th>
                                <th>Carrier Pay</th>
                                <th>DAT Price</th>
                                <th>Equipment Type</th>
                            </tr>
                        </thead>
                        <tbody id="month-loads-data">
                        </tbody>
                    </table>
                </div>
                <div class="row custom_p_blk">
                    <div class="col-md-4">
                        <p><b>Average Client Pay : $<span id="month_client_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average Carrier Pay : $<span id="month_carrier_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average DAT Pay : $<span id="month_dat_avg">0</span></b></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Last 6 Months</legend>
                <div class="datatables">
                    <table id="months-loads" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Order</th>
                                <th>Client</th>
                                <th>Origin</th>
                                <th>Destination</th>
                                <th>Client Pay</th>
                                <th>Carrier Pay</th>
                                <th>DAT Price</th>
                                <th>Equipment Type</th>
                            </tr>
                        </thead>
                        <tbody id="months-loads-data">
                        </tbody>
                    </table>
                </div>
                <div class="row custom_p_blk">
                    <div class="col-md-4">
                        <p><b>Average Client Pay : $<span id="months_client_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average Carrier Pay : $<span id="months_carrier_avg">0</span></b></p>
                    </div>
                    <div class="col-md-4">
                        <p><b>Average DAT Pay : $<span id="months_dat_avg">0</span></b></p>
                    </div>
                </div>
            </div>
        </div>

        <div class=" col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Top 20 Carriers</legend>
                <legend>Last Week</legend>
                <div class="datatables">
                    <table id="week-carrier" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Carrier</th>
                                <th>Carrier Name</th>
                                <th>MC Number</th>

                            </tr>
                        </thead>
                        <tbody id="week-carrier-data">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Last Month</legend>
                <div class="datatables">
                    <table id="month-carrier" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Carrier</th>
                                <th>Carrier Name</th>
                                <th>MC Number</th>

                            </tr>
                        </thead>
                        <tbody id="month-carrier-data">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
            <div class="well white">
                <legend>Last 6 Months</legend>
                <div class="datatables">
                    <table id="months-carrier" class="table table-striped table-full table-full-small" cellspacing="0"
                        width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Carrier</th>
                                <th>Carrier Name</th>
                                <th>MC Number</th>

                            </tr>
                        </thead>
                        <tbody id="months-carrier-data">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


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