@extends('admin.layouts.app')

@section('title', 'Bus Report')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">TODAY SALES</h5>
                </div>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">

                        {!! $dailySalesHistory->container() !!}

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">MONTHLY SALES</h5>
                </div>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">

                        {!! $monthlySalesHistory->container() !!}

                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-6">
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">YEARLY SALES</h5>
                </div>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">

                        {!! $salesHistory->container() !!}

                    </div>
                </div>

            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>
    {!! $salesHistory->script() !!}
    {!! $monthlySalesHistory->script() !!}
    {!! $dailySalesHistory->script() !!}


@endsection