@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
            <div class="row d-block d-lg-flex justify-content-between align-items-center mb-4">
                <div class="col-lg-8 row d-lg-flex d-block">
                    <form action="{{ route('kioskDevice.analytics') }}" method="get">
                        <div class="row">
                            <div class="d-md-flex d-block justify-content-center align-items-center col-xl-12">
                                <input type="hidden" name="codename" value="{{ Request::query('codename') }}">
                                <div class="form-group">
                                    <label for="start_date">Start Date</label>
                                    <input class="form-control form-control-sm" type="date" name="start_date" id="start_date" value="{{ Request::query('start_date', \Carbon\Carbon::today('Asia/Kolkata')->toDateString()) }}">
                                </div>
                                <div class="form-group mx-2">
                                    <label for="end_date">End Date</label>
                                    <input class="form-control form-control-sm" type="date" name="end_date" id="end_date" value="{{ Request::query('end_date') }}">
                                </div>
                                <button type="submit" class="btn btn-icon btn-primary"><i class="fa-solid fa-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="mt-lg-0 mt-3">
                    <a href="{{ route('kioskDevices.index') }}" class="btn btn-outline-primary">Go Back</a>
                    <a target="_blank" href="{{ route('kioskDevice.analyticsExport',['start_date' => Request::query('start_date'), 'end_date' => Request::query('end_date'), 'kiosk_device_id' => $kioskDevice->id]) }}" class="btn btn-outline-success">Export Data</a>
                    @if (Request::has('start_date') || Request::has('end_date'))
                        <a href="{{ route('kioskDevice.analytics', ['codename' => Request::query('codename')]) }}" class="btn btn-outline-danger">Remove Filters</a>
                    @endif
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 grid-margin">
                    <div class="row">
                        <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                            @if(isset($kioskDevice))
                                <h3 class="font-weight-bold">{{ $kioskDevice->name }} - Analytics</h3>
                            @else
                                <h3 class="font-weight-bold">Kiosk Device Analytics</h3>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        {{-- Device Access Data Row --}}
        <div class="row">
            <div class="col-md-12 grid-margin transparent">
                <div class="row justify-content-start">
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Change Language</span><br>
                                        <span class="fs-30 mt-5 mb-3">{{ $changeLanguage }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Choose Vehicle Type</span><br>
                                        <span class="fs-30 mb-2">{{ $chooseVehicleType }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Plan Ride</span><br>
                                        <span class="fs-30 mb-2">{{ $planRide }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Get Estimate</span><br>
                                        <span class="fs-30 mb-2">{{ $getEstimate }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">User Details</span><br>
                                        <span class="fs-30 mb-2">{{ $userDetails }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Confirm Details</span><br>
                                        <span class="fs-30 mb-2">{{ $confirmDetails }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card data-icon-card-danger">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Go Home</span><br>
                                        <span class="fs-30 mt-5 mb-3">{{ $goHome }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Ride Data Row --}}
        <div class="row">
            <div class="col-md-12 grid-margin transparent">
                <div class="row justify-content-center">
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Total Bookings</span><br>
                                        <span class="fs-30 mt-5 mb-3">{{ $totalBookings }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Total Completed</span><br>
                                        <span class="fs-30 mt-5 mb-3">{{ $totalCompleted }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-dark-blue">
                            <div class="card-body">
                                <div class="d-flex col-md-12">
                                    <div class="col-md-12">
                                        <span class="mb-4">Total Cancelled</span><br>
                                        <span class="fs-30 mb-2">{{ $totalCancelled }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="row">
            <div class="col-md-12 grid-margin transparent">
                <div class="row justify-content-center">
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card card-light-blue">
                            <div class="card-body">
                                <div class="col-md-12">
                                    <span class="mb-4">{{ __("Today's Rides") }}</span><br>
                                    <span class="fs-30 mt-5 mb-3">{{ $todayRides }}</span><br>
                                    <span class="mt-5 mt-5 mb-3">(Yesterday: {{ $yRides }})</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card data-icon-card-danger">
                            <div class="card-body">
                                <div class="col-md-12">
                                    <span class="mb-4">{{ __("Today's Completed Rides") }}</span><br>
                                    <span class="fs-30 mb-2">{{ $todayCompleted }}</span><br>
                                    <span class="mt-5 mt-5 mb-3">(Yesterday: {{ $yCompleted }})</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4 stretch-card transparent">
                        <div class="card data-icon-card-danger">
                            <div class="card-body">
                                <div class="col-md-12">
                                    <span class="mb-4">{{ __("Today's Cancelled Rides") }}</span><br>
                                    <span class="fs-30 mb-2">{{ $todayCancelled }}</span><br>
                                    <span class="mt-5 mt-5 mb-3">(Yesterday: {{ $yCancelled }})</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
</div>
@endsection
@extends('admin.layouts.footer')