@extends('backend.includes.panel')

@section('page_css')
<!-- chartist CSS -->
<link href="{{ BE_URL.'plugins/chartist-js/dist/chartist.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/chartist-js/dist/chartist-init.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css' }}" rel="stylesheet">
<!--This page css - Morris CSS -->
<link href="{{ BE_URL.'plugins/c3-master/c3.min.css' }}" rel="stylesheet">
{!! Charts::assets() !!}
@stop

@section('main_content')

<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- Row -->

<div class="row">
    <div class="col-lg-4">
        <h3 class="text-default"><u>Customers / Shipments</u></h3>
    </div>
</div>

<div class="row">
    <!-- Column customer total -->
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <div class="card-body">
                <a href="{{ route('backend.customer.index')}}">
                    <div class="d-flex flex-row">
                        <div class="round round-lg align-self-center round-warning"><i class="fas fa-user"></i></div>
                        <div class="m-l-10 align-self-center">
                            <h3 class="m-b-0 font-light">{{ ($customerCount) ? $customerCount : 0 }}</h3>
                            <h5 class="text-muted m-b-0">Customers</h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

     <!-- Column shipment total -->
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <div class="card-body">
                 <a href="{{ route('backend.shipment.list')}}">
                    <div class="d-flex flex-row">
                        <div class="round round-lg align-self-center round-primary"><i class="mdi mdi-cart-outline"></i></div>
                        <div class="m-l-10 align-self-center">
                            <h3 class="m-b-0 font-lgiht">{{ ($shipmentCount) ? $shipmentCount : 0 }}</h3>
                            <h5 class="text-muted m-b-0"> Shippment</h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

      <!-- Column subscribed total -->
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <div class="card-body">
                 <a href="{{ route('backend.subscribed_users.index')}}">
                    <div class="d-flex flex-row">
                        <div class="round round-lg align-self-center round-primary"><i class="mdi mdi-email-open"></i></div>
                        <div class="m-l-10 align-self-center">
                            <h3 class="m-b-0 font-lgiht">{{ ($subscriberCount) ? $subscriberCount : 0 }}</h3>
                            <h5 class="text-muted m-b-0">Subscriber</h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

       <!-- Column Contact enquiries total -->
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <div class="card-body">
                 <a href="{{ route('backend.contact_enquiry.index')}}">
                    <div class="d-flex flex-row">
                        <div class="round round-lg align-self-center round-primary"><i class="mdi mdi-cellphone"></i></div>
                        <div class="m-l-10 align-self-center">
                            <h3 class="m-b-0 font-lgiht">{{ ($contactEnquiriesCount) ? $contactEnquiriesCount : 0 }}</h3>
                            <h5 class="text-muted m-b-0">Contact Enquiries</h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-6">
        <div class="card rounded">
            <select name="shipmentYear" id="shipmentYear">
                {{ $last= date('Y')-10 }}
                {{ $now = date('Y') }}

                @for ($i = $now; $i >= $last; $i--)
                    <option value="{{ $i }}">{{ $i }}</option>
                @endfor

            </select>
            <div class="card-body py-3 px-3" id="chart-view">
{{--                @include('backend.charts.charts');--}}

                {!! $chart->html() !!}
            </div>
        </div>
{{--        <div class="panel panel-default">--}}
{{--            <div class="panel-heading"><b>Charts</b></div>--}}
{{--            <div class="panel-body">--}}
{{--                <canvas id="canvas" height="280" width="600"></canvas>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>

</div>

<!-- Row -->
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->


@stop

@section('page_script')

    {!! $chart->script() !!}
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<!-- chartist chart -->
{{--<script src="{{ BE_URL.'plugins/chartist-js/dist/chartist.min.js' }}"></script>--}}
{{--<script src="{{ BE_URL.'plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js' }}"></script>--}}
<!--c3 JavaScript -->
<script src="{{ BE_URL.'plugins/d3/d3.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/c3-master/c3.min.js' }}"></script>
<!-- Chart JS -->
<script src="{{ BE_URL.'js/dashboard.js' }}"></script>
@stop