@extends('branch.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    {{ Auth::guard('branch')->user()->name }} Dashboard
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content dashboard-widget">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-xl-4 col-md-6">
                <div class="m-portlet">
                    <a href="#" class="d-block">
                        <div class="m-portlet__body">
                            <div class="card card-custom">
                                <div class="card-content">
                                    <div class="card-body p-0">
                                        <div class="media d-flex">
                                            <div class="media-body text-left">
                                                <h3>{{ $drivers }}</h3>
                                                <a href="{{ route('branch-drivers') }}">
                                                    <h4 class="text-muted">Total Drivers</h4>
                                                </a>
                                            </div>
                                            <div class="align-self-center">
                                                <i class="fa fa-taxi float-right fs-50 m--font-warning"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="m-portlet">
                    <a href="#" class="d-block">
                        <div class="m-portlet__body">
                            <div class="card card-custom">
                                <div class="card-content">
                                    <div class="card-body p-0">
                                        <div class="media d-flex">
                                            <div class="media-body text-left">
                                                <h3>{{ $deliveryOrders }}</h3>
                                                <a href="{{ route('branch-delivery-orders') }}">
                                                    <h4 class="text-muted">New Delivery Order Requests</h4>
                                                </a>
                                            </div>
                                            <div class="align-self-center">
                                                <i class="fa fa-shopping-cart float-right fs-50 m--font-info"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="m-portlet">
                    <a href="#" class="d-block">
                        <div class="m-portlet__body">
                            <div class="card card-custom">
                                <div class="card-content">
                                    <div class="card-body p-0">
                                        <div class="media d-flex">
                                            <div class="media-body text-left">
                                                <h3>{{ $takeawayOrders }}</h3>
                                                <a href="{{ route('branch-takeaway-orders') }}">
                                                    <h4 class="text-muted">New Take-away Order Requests</h4>
                                                </a>
                                            </div>
                                            <div class="align-self-center">
                                                <i class="fa fa-shopping-cart float-right fs-50 m--font-info"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="m-portlet">
                    <a href="#" class="d-block">
                        <div class="m-portlet__body">
                            <div class="card card-custom">
                                <div class="card-content">
                                    <div class="card-body p-0">
                                        <div class="media d-flex">
                                            <div class="media-body text-left">
                                                <h3>{{ $deliveredOrders }}</h3>
                                                <h4 class="text-muted">Delivered Order</h4>
                                            </div>
                                            <div class="align-self-center">
                                                <i class="fa  fa-plane float-right fs-50 m--font-danger"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>

@endsection