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

{{-- Content --}}
@section('content')
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<style>
    .fa.fa-star{
        font-size: large;
    }
    .fa.fa-star-half-o{
        font-size: large;
    }
    .fa.fa-star-o{
        font-size: large;
    }
</style>

   <!--begin::Card-->
                                @if(session('success'))
                                    <div class="alert alert-success" role="alert">  
                                        {{ session('success') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    </div>
                                @endif
                                <input type="hidden" name="dispatcher_user" id="dispatcher_user" value="{{$userid}}" >
                                <div class="card card-custom gutter-b">
                                    <div class="card-header flex-wrap border-0 pt-6 pb-0">
                                        <div class="card-title">
                                            <h3 class="card-label">As dispatcher
                                            <!-- <span class="d-block text-muted pt-2 font-size-sm">row selection and group actions</span> --></h3>
                                        </div>
                                        <div class="card-toolbar">
                                            
                                            <!--begin:: Nav Tab Button-->
                                            
                                            <ul class="nav nav-bold nav nav-pills nav-pills-sm nav-dark-75" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link py-2 px-4 active" data-toggle="tab" id="desp_inroute_tab" href="#inroute_dispatcher">In-Route</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link py-2 px-4" data-toggle="tab" id="desp_upcome_tab" href="#upcoming_dispatcher">Upcoming</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link py-2 px-4 " data-toggle="tab" id="desp_past_tab" href="#past_dispatcher">Past</a>
                                                </li>
                                            </ul>
                                            <!--end::Nav Tab Button-->
                                        </div>
                                    </div>
                                    {{-- Content --}}
                                    <div class="tab-content">
                                        {{-- Tabpane --}}
                                        <div class="card-body tab-pane active show" id="inroute_dispatcher" role="tabpanel">
                                        @include('appusers.dispatcher_inroute')
                                        </div>
                                        {{-- Tabpane --}}
                                        <div class="card-body tab-pane" id="upcoming_dispatcher" role="tabpanel">
                                        @include('appusers.dispatcher_upcome')
                                        </div>
                                        {{-- Tabpane --}}
                                        <div class="card-body tab-pane" id="past_dispatcher" role="tabpanel">
                                        @include('appusers.dispatcher_past')
                                        </div>
                                    </div>
                                </div>
                                <!--end::Card-->
                                @include('appusers.mdlappuser_details')

                              
@endsection

{{-- Styles Section --}}
@section('styles')

@endsection

@section('scripts')
<script src="{{ asset('/js/appusers/dispatcher_inroute.js') }}" type="text/javascript"></script>
<script src="{{ asset('/js/appusers/dispatcher_upcome.js') }}" type="text/javascript"></script>
<script src="{{ asset('/js/appusers/dispatcher_past.js') }}" type="text/javascript"></script>
@endsection