{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')
@csrf
<div class="row">
    <div class="col-6">
        <div class="card card-custom card-stretch gutter-b">
            <!--begin::Header-->
            <div class="card-header border-0">
                <h3 class="card-title font-weight-bolder text-dark">As Transporter</h3>
                @if($transporterCount > 0)
                <div class="card-toolbar">
                    <ul class="nav nav-pills nav-pills-sm nav-dark-75">
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4 active" data-toggle="tab" href="#inroute_transporter">In-Route</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4" data-toggle="tab" href="#upcoming_transporter">Upcoming</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4 " data-toggle="tab" href="#past_transporter">Past</a>
                        </li>
                    </ul>
                </div>
                @else
                <div class="card-toolbar">
                    <ul class="nav nav-pills nav-pills-sm nav-dark-75">
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4 "  >In-Route</a>
                        </li>
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4"  >Upcoming</a>
                        </li>
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4 "  >Past</a>
                        </li>
                    </ul>
                </div>
                @endif
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            @if($transporterCount > 0)
            {{-- Content --}}
            <div class="tab-content">
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane active show" id="inroute_transporter" role="tabpanel">
                    @if(isset($astransporter))
                    <!--begin::Item-->
                    @foreach ($astransporter as $transporter)
                    
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                    
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $transporter->dispatcher_item }}</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$transporter->dispatcherRequest->from_loc}} to {{$transporter->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($transporter->updated_at==''){{$transporter->created_at}} @else {{$transporter->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($transporter->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    @endforeach
                    @endif   
                </div>
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane" id="upcoming_transporter" role="tabpanel">
                    @if(isset($astransporter))
                    <!--begin::Item-->
                    @foreach ($astransporter as $transporter)
                    
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                    
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $transporter->dispatcher_item }} up</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$transporter->dispatcherRequest->from_loc}} to {{$transporter->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($transporter->updated_at==''){{$transporter->created_at}} @else {{$transporter->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($transporter->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    @endforeach
                    @endif   
                </div>
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane" id="past_transporter" role="tabpanel">
                    @if(isset($astransporter))
                    <!--begin::Item-->
                    @foreach ($astransporter as $transporter)
                    
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                    
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $transporter->dispatcher_item }} pas</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$transporter->dispatcherRequest->from_loc}} to {{$transporter->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($transporter->updated_at==''){{$transporter->created_at}} @else {{$transporter->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($transporter->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    @endforeach
                    @endif   
                </div>
            </div>
            @else
            <div class="card-body">   
                <div class="text-center">
                    <span class="  text-muted font-weight-bolder font-size-sm">No Transporter Details</span>
                </div>
            </div>
            @endif
            <!--end::Body-->
        </div>
    </div>
    <div class="col-6">
        <div class="card card-custom card-stretch gutter-b">
            <!--begin::Header-->
            <div class="card-header border-0">
                <h3 class="card-title font-weight-bolder text-dark">As Dispatcher</h3>
            @if($dispatcherCount > 0)
            <div class="card-toolbar">
                    <ul class="nav nav-pills nav-pills-sm nav-dark-75">
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4 active" data-toggle="tab" href="#inroute_dispatcher">In-Route</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4" data-toggle="tab" href="#upcoming_dispatcher">Upcoming</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link py-2 px-4 " data-toggle="tab" href="#past_dispatcher">Past</a>
                        </li>
                    </ul>
                </div>
            </div>
            @else
            <div class="card-toolbar">
                    <ul class="nav nav-pills nav-pills-sm nav-dark-75">
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4 " >In-Route</a>
                        </li>
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4" >Upcoming</a>
                        </li>
                        <li class="nav-item">
                            <a class="text-muted  font-size-sm py-2 px-4 ">Past</a>
                        </li>
                    </ul>
                </div>
            </div>
            @endif
            <!--end::Header-->
            <!--begin::Body-->
            @if($dispatcherCount > 0)
            {{-- Content --}}
            <div class="tab-content">
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane active show" id="inroute_dispatcher" role="tabpanel">
                    @if(isset($asdispatcher))
                    <!--begin::Item-->
                    @foreach ($asdispatcher as $dispatcher)
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $dispatcher->dispatcher_item }}</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$dispatcher->dispatcherRequest->from_loc}} to {{$dispatcher->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($dispatcher->updated_at==''){{$dispatcher->created_at}} @else {{$dispatcher->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($dispatcher->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    <!--begin: Item-->
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-10.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">Yellow Background</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">Strong abstract concept</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created by:
                            <span class="text-primary font-weight-bold">KeenThemes</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <span class="text-dark-75 font-weight-bolder font-size-h4">70,380</span>
                                <span class="text-muted font-weight-bolder font-size-sm">votes</span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end: Item-->   
                    @endforeach
                    @endif            
                </div>
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane " id="upcoming_dispatcher" role="tabpanel">
                    @if(isset($asdispatcher))
                    <!--begin::Item-->
                    @foreach ($asdispatcher as $dispatcher)
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $dispatcher->dispatcher_item }} upcome</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$dispatcher->dispatcherRequest->from_loc}} to {{$dispatcher->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($dispatcher->updated_at==''){{$dispatcher->created_at}} @else {{$dispatcher->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($dispatcher->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    <!--begin: Item-->
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-10.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">Yellow Background</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">Strong abstract concept</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created by:
                            <span class="text-primary font-weight-bold">KeenThemes</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <span class="text-dark-75 font-weight-bolder font-size-h4">70,380</span>
                                <span class="text-muted font-weight-bolder font-size-sm">votes</span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end: Item-->   
                    @endforeach
                    @endif            
                </div>
                {{-- Tabpane --}}
                <div class="card-body pt-2 tab-pane " id="past_dispatcher" role="tabpanel">
                    @if(isset($asdispatcher))
                    <!--begin::Item-->
                    @foreach ($asdispatcher as $dispatcher)
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-17.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{ $dispatcher->dispatcher_item }} past</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">{{$dispatcher->dispatcherRequest->from_loc}} to {{$dispatcher->dispatcherRequest->to_loc}}</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created at:
                            <span class="text-primary font-weight-bold">@if($dispatcher->updated_at==''){{$dispatcher->created_at}} @else {{$dispatcher->updated_at}} @endif</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <!--   <span class="text-dark-75 font-weight-bolder font-size-h4">24,900</span> -->
                                <span class="label label-lg label-light-success label-inline font-weight-bold py-4">{{ ucfirst($dispatcher->status)}}</span>
                                <span class="text-muted font-size-sm font-weight-bolder"></span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Item-->
                    <!--begin: Item-->
                    <div class="d-flex flex-wrap align-items-center mb-10">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60 symbol-2by3 flex-shrink-0 mr-4">
                            <div class="symbol-label" style="background-image: url('/media/stock-600x400/img-10.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
                            <a href="#" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">Yellow Background</a>
                            <span class="text-muted font-weight-bold font-size-sm my-1">Strong abstract concept</span>
                            <span class="text-muted font-weight-bold font-size-sm">Created by:
                            <span class="text-primary font-weight-bold">KeenThemes</span></span>
                        </div>
                        <!--end::Title-->
                        <!--begin::Info-->
                        <div class="d-flex align-items-center py-lg-0 py-2">
                            <div class="d-flex flex-column text-right">
                                <span class="text-dark-75 font-weight-bolder font-size-h4">70,380</span>
                                <span class="text-muted font-weight-bolder font-size-sm">votes</span>
                            </div>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end: Item-->   
                    @endforeach
                    @endif            
                </div>
            </div>
            @else
            <div class="card-body">   
                <div class="text-center">
                    <span class="  text-muted font-weight-bolder font-size-sm">No dispatcher Details</span>
                </div>
            </div>
            @endif
            <!--end::Body-->
        </div>
    </div>
</div>


@endsection

@section('pagescript')



<!--begin::Page Scripts(used by this page) -->
<script src="/js/roles/roles.js?version=1930081631" type="text/javascript"></script>
<!--end::Page Scripts -->

@endsection