@extends('admin.layouts.app')

@section('breadcrumb')
    <div>
        <p class="fw-medium fs-18 mb-0">
            سلام،
            {{auth('admin')->user()->first_name}}
            عزیز
        </p>
        <p class="fs-13 text-muted mb-0">
            به داشبورد مدیریت آژانس خوش آمدید.
        </p>
    </div>
@endsection

@section('content')
    <div class="container-fluid pt-4">

        <!-- Start:: row-1 -->
        <div class="row">
            <div>
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <a href="#" class="text-decoration-none">
                            <div class="card custom-card overflow-hidden">
                                <div class="card-body">
                                    <div class="d-flex gap-3">
                                        <div class="avatar avatar-md bg-primary svg-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                                <rect width="256" height="256" fill="none"></rect>
                                                <path d="M33.6,145.5A96,96,0,0,1,96,37.5v72Z" opacity="0.2"></path>
                                                <path d="M33.6,145.5A96,96,0,0,1,96,37.5v72Z" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                                <path d="M128,128.42V32A96,96,0,1,1,45.22,176.64Z" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-fill">
                                            <div class="flex-fill fw-medium fs-13 mb-1 text-dark">تعداد تور ها </div>
                                            <div
                                                class="fs-22 fw-semibold mb-1 text-primary ">
                                                {{$tourCount}}
                                            </div>
                                            <div class="d-flex align-items-center fs-11">
                                                <span class="text-default op-6">تا این لحظه</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <a href="#"
                           class="dashboard-card-link text-decoration-none">
                            <div class="card custom-card overflow-hidden">
                                <div class="card-body">
                                    <div class="d-flex gap-3">
                                        <div class="avatar avatar-md bg-secondary svg-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                                <rect width="256" height="256" fill="none"></rect>
                                                <path
                                                    d="M128,144a191.14,191.14,0,0,1-96-25.68h0V200a8,8,0,0,0,8,8H216a8,8,0,0,0,8-8V118.31A191.08,191.08,0,0,1,128,144Z"
                                                    opacity="0.2"></path>
                                                <line x1="112" y1="112" x2="144" y2="112" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></line>
                                                <rect x="32" y="64" width="192" height="144" rx="8" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></rect>
                                                <path d="M168,64V48a16,16,0,0,0-16-16H104A16,16,0,0,0,88,48V64"
                                                      fill="none" stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                                <path
                                                    d="M224,118.31A191.09,191.09,0,0,1,128,144a191.14,191.14,0,0,1-96-25.68"
                                                    fill="none" stroke="currentColor" stroke-linecap="round"
                                                    stroke-linejoin="round" stroke-width="16"></path>
                                            </svg>
                                        </div>
                                        <div>
                                            <div class="flex-fill fw-medium fs-13 mb-1 text-dark">تعداد پرواز ها
                                            </div>
                                            <div
                                                class="fs-22 fw-semibold mb-1 text-secondary">
                                              {{$flightCount}}

                                            </div>
                                            <div class="d-flex align-items-center fs-11">
                                                <span class="text-default op-6">تا این لحظه</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <a href="#" class="text-decoration-none">
                            <div class="card custom-card overflow-hidden">
                                <div class="card-body  ">
                                    <div class="d-flex gap-3">
                                        <div class="avatar avatar-md bg-success svg-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                                <rect width="256" height="256" fill="none"></rect>
                                                <path d="M48,208H16a8,8,0,0,1-8-8V160a8,8,0,0,1,8-8H48Z"
                                                      opacity="0.2"></path>
                                                <path
                                                    d="M204,56a28,28,0,0,0-12,2.71h0A28,28,0,1,0,176,85.29h0A28,28,0,1,0,204,56Z"
                                                    opacity="0.2"></path>
                                                <circle cx="204" cy="84" r="28" fill="none" stroke="currentColor"
                                                        stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="16"></circle>
                                                <path d="M48,208H16a8,8,0,0,1-8-8V160a8,8,0,0,1,8-8H48" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                                <path
                                                    d="M112,160h32l67-15.41a16.61,16.61,0,0,1,21,16h0a16.59,16.59,0,0,1-9.18,14.85L184,192l-64,16H48V152l25-25a24,24,0,0,1,17-7H140a20,20,0,0,1,20,20h0a20,20,0,0,1-20,20Z"
                                                    fill="none" stroke="currentColor" stroke-linecap="round"
                                                    stroke-linejoin="round" stroke-width="16"></path>
                                                <path d="M176,85.29A28,28,0,1,1,192,58.71" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                            </svg>
                                        </div>
                                        <div>
                                            <div class="flex-fill fw-medium fs-13 mb-1 text-dark">تعداد کاربران</div>
                                            <div
                                                class="fs-22 fw-semibold mb-1 text-success">
                                               {{$userCount}}

                                            </div>
                                            <div class="d-flex align-items-center  fs-11">
                                                <span class="text-default op-6"> تا این لحظه</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <a href="#" class="text-decoration-none">
                            <div class="card custom-card overflow-hidden">
                                <div class="card-body ">
                                    <div class="d-flex gap-3">
                                        <div class="avatar avatar-md bg-pink svg-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                                <rect width="256" height="256" fill="none"></rect>
                                                <circle cx="84" cy="108" r="52" opacity="0.2"></circle>
                                                <path d="M10.23,200a88,88,0,0,1,147.54,0" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                                <path d="M172,160a87.93,87.93,0,0,1,73.77,40" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                                <circle cx="84" cy="108" r="52" fill="none" stroke="currentColor"
                                                        stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="16"></circle>
                                                <path d="M152.69,59.7A52,52,0,1,1,172,160" fill="none"
                                                      stroke="currentColor" stroke-linecap="round"
                                                      stroke-linejoin="round" stroke-width="16"></path>
                                            </svg>
                                        </div>
                                        <div>
                                            <div class="flex-fill fw-medium fs-13 mb-1 text-dark">آمار بازدید سایت</div>
                                            <div
                                                class="fs-22 fw-semibold mb-1 text-pink">
                                               5
                                            </div>
                                            <div class="d-flex align-items-center fs-11">
                                                <span class="text-default op-6">تا این لحظه </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- End:: row-1 -->
        <div class="row mt-4">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header">
                        <div class="card-title">
                            نمودار تعداد بازید های سایت در ده روز اخیر
                        </div>
                    </div>

                    <div class="card-body">
                        <div id="ordersChart"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection