@extends('layouts.master')
@section('title', pageTitle('Dashboard'))
@section('content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6 p-0">
                    <h3>{{ $pageTitle }}</h3>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid ecommerce-dashboard">

        <div class="row bg-light p-4 mb-4">
            <!-- START Total Numbers of Drivers-->
            <div class="col-xl-4 col-xl-33 col-sm-6 box-col-4 pedding-end pedding-sm-start pedding-sm">
                <a href="{{ route('admin.drivers.index') }}">
                    <div class="card mb-0 online-order">
                        <div class="card-header revenue-order pb-0">
                            <div class="d-flex">
                                <div class="online"><span>Total Numbers of Driver</span>
                                    <h2 class=" p-4">{{ $dashboard['drivers'] ?? 0 }}</h2>
                                </div>
                                <div class="sale"><img src="{{ asset('/assets/images/driver.png') }}" alt=""  width="120" height="120"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- END Total Numbers of Drivers-->
            <!-- START Total Numbers of Fleet-->
            <div class="col-xl-4 col-xl-33 col-sm-6 box-col-4 pedding-end pedding-sm-start pedding-sm">
                <a href="{{ route('admin.vehicles.index') }}">
                    <div class="card mb-0 online-order">
                        <div class="card-header revenue-order pb-0">
                            <div class="d-flex">
                                <div class="online"><span>Total Numbers of Fleet</span>
                                    <h2 class=" p-4">{{ $dashboard['vehicles'] ?? 0 }}</h2>
                                </div>
                                <div class="sale"><img src="{{ asset('/assets/images/fleets.png') }}" alt=""  width="140" height="110"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- END Total Numbers of Fleet-->
            <!-- START Total Numbers of Passenger-->
            <div class="col-xl-4 col-xl-33 col-sm-6 box-col-4 pedding-end pedding-sm-start pedding-sm">
                <a href="{{ route('admin.passengers.index') }}">
                    <div class="card mb-0 online-order">
                        <div class="card-header revenue-order pb-0">
                            <div class="d-flex">
                                <div class="online"><span>Total Passengers</span>
                                    <h2 class=" p-4">{{ $dashboard['passengers'] ?? 0 }}</h2>
                                </div>
                                <div class="sale"><img src="{{ asset('/assets/images/passenger.png') }}" alt=""  width="180" height="110"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- END Total Numbers of Passenger-->

        </div>
        <div class="row">
            <div class="col-sm-12 col-xl-6 box-col-6">
                <div class="card">
                    <div class="card-header pb-0">
                        <h3>Cost Outlook </h3>
                    </div>
                    <div class="card-body">
                        <div id="column-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-xl-6 box-col-6">
                <div class="card">
                    <div class="card-header pb-0">
                        <h3>Bar Chart </h3>
                    </div>
                    <div class="card-body apex-chart">
                        <div id="piechart"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Container-fluid Ends-->
@stop
@section('page-scripts')
<script src="{{ asset('/assets/js/chart/apex-chart/apex-chart.js') }}"></script>
<script src="{{ asset('/assets/js/chart/apex-chart/stock-prices.js') }}"></script>
<script src="{{ asset('/assets/js/dashboard/dashboard_2.js') }}"></script>
<script src="{{ asset('/assets/js/chart/apex-chart/chart-custom.js') }}"></script>
@stop