@extends('apex-layouts.main')
@section('title', "Welcome ".Auth::user()->name)

@section('header-right')
    <a href="{{ route('reservations.kitchen',$date) }}"
       class="btn btn-raised btn-light round btn-min-width mr-1 mb-1"><i class="fa fa-fire red"></i>
        Kitchen {!! $date !!}</a>
    <a href="{{ route('members.createOneDayOrder') }}" class="btn btn-raised btn-primary round btn-min-width mr-1 mb-1">Create
        Order</a>
    <a href="{{ route('members.enroll') }}" class="btn btn-raised btn-success round btn-min-width mr-1 mb-1">Enroll
        Member</a>
    <a class="btn btn-raised btn-light round btn-min-width mr-1 mb-1"
       href="{{ route('reservations.orders', $date) }}">
        <i class="fa fa-gift"></i> Today Dispatch {!! $date !!}
    </a>
@endsection

@section('content')
    <form class="form validate-form" method="GET">
        <div class="form-body">
            <div class="row">
                <div class="col-lg-6 col-md-6"></div>
                <div class="col-lg-4 col-md-4">
                    <div class="form-group">
                        <label for="basicInputFile"></label>
                        <div class="position-relative has-icon-left defaultrange">
                            <input type="text" class="form-control"
                                   onchange="this.form.submit()"
                                   name="created_at"
                                   placeholder="Date Range"
                                   value="{{ request('created_at') }}">

                            <div class="form-control-position">
                                <i class="ft-clock info"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2">
                    <div class="form-group m-3">
                        <div class="custom-control custom-control-inline checkbox">
                            <input type="checkbox" id="all" onclick="this.form.submit()" name="all" value="1"
                                   {!! (request('all'))?"checked":'' !!}
                                   class="custom-control-input checkbox">
                            <label class="custom-control-label" for="all">Over All Result</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <section>
        <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4 col-4">
                <div class="card gradient-purple-amber">
                    <div class="card-block">
                        <div class="card-body">
                            <div class="media">
                                <div class="media-body white">
                                    <h6 class="font-small-3 white mb-0">Today</h6>
                                    <h3 class="font-large-2 white mb-0">Cart</h3>
                                </div>
                                <div class="media-right white text-right">
                                    <p class="font-large-1">{!! $todayCount['cart'] !!}</p>
                                    <a href="{!! route("carts.index") !!}" class="white"><i
                                            class="fa fa-mouse-pointer"></i>View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-4">
                <div class="card gradient-orange-amber">
                    <div class="card-block">
                        <div class="card-body">
                            <div class="media">
                                <div class="media-body white ">
                                    <h6 class="font-small-3 white mb-0">Today</h6>
                                    <h3 class="font-large-2 white mb-0">Leads</h3>
                                </div>
                                <div class="media-right white text-right">
                                    <p class="font-large-1">{!! $todayCount['leads'] !!}</p>
                                    <a href="{!! route("leads.index") !!}" class="white"><i
                                            class="fa fa-mouse-pointer"></i>View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-4">
                <div class="card gradient-indigo-blue">
                    <div class="card-block">
                        <div class="card-body">
                            <div class="media">
                                <div class="media-body white ">
                                    <h6 class="font-small-3 white mb-0">Today</h6>
                                    <h3 class="font-large-2 white mb-0">Invoices</h3>
                                </div>
                                <div class="media-right white text-right">
                                    <p class="font-large-1">{!! $todayCount['invoices'] !!}</p>
                                    <a href="{!! route("invoices.index") !!}" class="white">
                                        <i class="fa fa-mouse-pointer"></i>View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <section>
        <div class="row bg-blue-grey">
            <div class="col-xl-6 col-lg-6 col-12">
                <div class="card">
                    <div class="card-block">
                        <div class="media">
                            <div class="media-body text-left">
                                <h3 class="mb-1">{!! number_format($leadCount) !!}</h3>
                                <span class="text-uppercase">Leads</span>
                            </div>
                            <div class="media-right align-self-center">
                                <i class="ft-users font-large-2 float-right"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 col-12">
                <div class="card">
                    <div class="card-block">
                        <div class="media">
                            <div class="media-body text-left">
                                <h3 class="mb-1">{!! number_format($memberCount) !!}</h3>
                                <span class="text-uppercase">Members</span>
                            </div>
                            <div class="media-right align-self-center">
                                <i class="ft-user-check font-large-2 float-right"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">Daily Invoices</h4></div>
                    <div class="card-content">
                        <div class="card-body">
                            <div id="members-chat">