@extends('layout.master')
@section('content')

                <section class="content pb-5">
                    <div class="container-fluid">
                        <div class="row pt-4">
                            <div class="col-md-12">
                                <div class="title-section">
                                    <p>LSP : Masters</p>
                                </div>
                            </div>
                        </div>

                        <div class="row pt-sm-4 pt-0">
                            <div class="col-md-6">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="title-section">
                                            <p>Pincode Master</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Area</label>
                                            <select class="form-control">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="orderid">Select</label>
                                            <select class="form-control">
                                                <option value="">Pickup</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped" id="pincodemasterList">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Sr. No.</th>
                                                        <th scope="col">City</th>
                                                        <th scope="col">State</th>
                                                        <th scope="col">Branch</th>
                                                        <th scope="col">Pincode</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>


                                        <div class="pagination_rounded">
                                            <ul>
                                                <li>
                                                    <a href="#" class="prev"> <i class="fa fa-chevron-left"
                                                            aria-hidden="true"></i> </a>
                                                </li>
                                                <li><a href="#" class="active">1</a> </li>
                                                <li class="hidden-xs"><a href="#">2</a> </li>
                                                <li class="hidden-xs"><a href="#">3</a> </li>
                                                <li class="hidden-xs"><a href="#">4</a> </li>
                                                <li>
                                                    <a href="#" class="next"> <i class="fa fa-chevron-right"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="title-section">
                                            <p>Rate Master</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Date</label>
                                            <select class="form-control">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="orderid">Select</label>
                                            <select class="form-control">
                                                <option value="">Pickup</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped" id="ratemasterListing">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Sr. No.</th>
                                                        <th scope="col">User id</th>
                                                        <th scope="col">Lsp id</th>
                                                        <th scope="col">Pickup performance</th>
                                                        <th scope="col">Delivery performance</th>
                                                        <th scope="col">Ndr performance</th>
                                                        <th scope="col">Rto performance</th>
                                                        <th scope="col">Weight cases</th>
                                                        <th scope="col">Overall rating</th>
                                                        <th scope="col">Status</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>


                                        <div class="pagination_rounded">
                                            <ul>
                                                <li>
                                                    <a href="#" class="prev"> <i class="fa fa-chevron-left"
                                                            aria-hidden="true"></i> </a>
                                                </li>
                                                <li><a href="#" class="active">1</a> </li>
                                                <li class="hidden-xs"><a href="#">2</a> </li>
                                                <li class="hidden-xs"><a href="#">3</a> </li>
                                                <li class="hidden-xs"><a href="#">4</a> </li>
                                                <li>
                                                    <a href="#" class="next"> <i class="fa fa-chevron-right"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="title-section">
                                    <p>Rate Influencing Matrix</p>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group custom-form-group">
                                    <label class="form-label" for="customername">Area</label>
                                    <select class="form-control">
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group custom-form-group">
                                    <label class="form-label" for="orderid">Select</label>
                                    <select class="form-control">
                                        <option value="">Pickup</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="table-responsive">
                                    <table class="table table-striped" id="influencingmatrixListing">
                                        <thead>
                                            <tr>
                                                <th scope="col">Sr. No.</th>
                                                <th scope="col">Mode</th>
                                                <th scope="col">Min wt gms</th>
                                                <th scope="col">Min Freight</th>
                                                <th scope="col">CFT</th>
                                                <th scope="col">FOV%</th>
                                                <th scope="col">Min. FOV</th>
                                                <th scope="col">Max. FOV</th>
                                                <th scope="col">Docket Charges</th>
                                                <th scope="col">DACC Charges</th>
                                                <th scope="col">Fuel Surcharges</th>
                                                <th scope="col">Unloading surcharges</th>
                                                <th scope="col">Loading charges</th>
                                                <th scope="col">Others</th>
                                                <th scope="col">Holding Service Charges</th>
                                                <th scope="col">COD/ DOC Charges</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>


                                <div class="pagination_rounded">
                                    <ul>
                                        <li>
                                            <a href="#" class="prev"> <i class="fa fa-chevron-left"
                                                    aria-hidden="true"></i> </a>
                                        </li>
                                        <li><a href="#" class="active">1</a> </li>
                                        <li class="hidden-xs"><a href="#">2</a> </li>
                                        <li class="hidden-xs"><a href="#">3</a> </li>
                                        <li class="hidden-xs"><a href="#">4</a> </li>
                                        <li>
                                            <a href="#" class="next"> <i class="fa fa-chevron-right"
                                                    aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="title-section">
                                            <p>TAT Pickup Master</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Area</label>
                                            <select class="form-control">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="orderid">Select</label>
                                            <select class="form-control">
                                                <option value="">Pickup</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped" id="tatpickupMasterListing">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Zone</th>
                                                        <th scope="col">Pincode</th>
                                                        <th scope="col">TAT</th>
                                                        <th scope="col">Pickup</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>


                                        <div class="pagination_rounded">
                                            <ul>
                                                <li>
                                                    <a href="#" class="prev"> <i class="fa fa-chevron-left"
                                                            aria-hidden="true"></i> </a>
                                                </li>
                                                <li><a href="#" class="active">1</a> </li>
                                                <li class="hidden-xs"><a href="#">2</a> </li>
                                                <li class="hidden-xs"><a href="#">3</a> </li>
                                                <li class="hidden-xs"><a href="#">4</a> </li>
                                                <li>
                                                    <a href="#" class="next"> <i class="fa fa-chevron-right"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="title-section">
                                            <p>TAT Delivery Master</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Area</label>
                                            <select class="form-control">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="orderid">Select</label>
                                            <select class="form-control">
                                                <option value="">Pickup</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Zone</th>
                                                        @foreach($zones as $key => $zone)
                                                            <th scope="col">{{ $zone->name }}</th>
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($tats as $key => $basicTat)
                                                        <tr>
                                                            @foreach ($basicTat as $tat)
                                                                <td>{{ $tat }}</td>
                                                            @endforeach
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="title-section">
                                            <p>Country Master</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Area</label>
                                            <select class="form-control">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="customername">Select</label>
                                            <select class="form-control">
                                                <option value="">Pickup</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Country</th>
                                                        <th scope="col">No. of branches</th>
                                                        <th scope="col">No. of Pincodes</th>
                                                        <th scope="col">No. of States</th>
                                                        <th scope="col">No. of Cities</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($countries as $key => $country)
                                                    <tr>
                                                        <td>
                                                            {{--  {{ $country->state->country->name }}  --}}
                                                            India
                                                        </td>
                                                        <td>{{ $country->no_of_branches }}</td>
                                                        <td>{{ $country->no_of_pincodes }}</td>
                                                        <td>{{ $country->no_of_states }}</td>
                                                        <td>{{ $country->no_of_cities }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>

            <div class="chat-icon">
                <img src="images/chat-icon.svg" class="" alt="">
            </div>
            <aside class="control-sidebar control-sidebar-dark">
            </aside>
        </div>
    </section>
        <script>
            $(document).ready(function() {
                let example = $("#ratemasterListing").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,

                    ajax: {
                        url: "{{ url('/lsp/master/table') }}",
                        data: function(d) {}
                    },

                    columns: [

                        {
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            sortable: false
                        },

                        {
                            data: 'user_id',
                            name: 'user_id',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'lsp_id',
                            name: 'lsp_id',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'pickup_performance',
                            name: 'pickup_performance',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'delivery_performance',
                            name: 'delivery_performance',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'ndr_performance',
                            name: 'ndr_performance',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'rto_performance',
                            name: 'rto_performance',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'weight_cases',
                            name: 'weight_cases',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'overall_rating',
                            name: 'overall_rating',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'status',
                            name: 'status',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        }
                    ],
                    select: {
                        style: 'multi',
                    },
                });

                $("#pincodemasterList").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,

                    ajax: {
                        url: "{{ url('/lsppincodes/table') }}",
                        data: function(d) {}
                    },

                    columns: [

                        {
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            sortable: false
                        },
                        {
                            data: 'district_id',
                            name: 'district_id',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'state_id',
                            name: 'state_id',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'location_id',
                            name: 'location_id',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'pincode',
                            name: 'pincode',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        }
                    ]

                });

                $("#influencingmatrixListing").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,

                    ajax: {
                        url: "{{ url('/ratematrices/table') }}",
                        data: function(d) {}
                    },

                    columns: [

                        {
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            sortable: false
                        },
                        {
                            data: 'transit_mode',
                            name: 'transit_mode',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'min_weight',
                            name: 'min_weight',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'min_freight',
                            name: 'min_freight',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'cft_rate',
                            name: 'cft_rate',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'fov',
                            name: 'fov',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'min_fov',
                            name: 'min_fov',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'max_fov',
                            name: 'max_fov',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'docket_charge',
                            name: 'docket_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'dacc_charge',
                            name: 'dacc_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'fuel_charge',
                            name: 'fuel_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'unload_charge',
                            name: 'unload_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'loading_charge',
                            name: 'loading_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'other_charge',
                            name: 'other_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'holding_charge',
                            name: 'holding_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'cod_doc_charge',
                            name: 'cod_doc_charge',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                    ]
                });

                $("#tatpickupMasterListing").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,

                    ajax: {
                        url: "{{ url('/lsppincodes/table') }}",
                        data: function(d) {}
                    },

                    columns: [


                        {
                            data: 'zone',
                            name: 'zone',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'pincode',
                            name: 'pincode',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'oda_tat',
                            name: 'oda_tat',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'pickup',
                            name: 'pickup',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        }
                    ]
                });
            });
        </script>
    @endsection