@extends('layouts.admin.app')
@push('styles')
<!--begin::Vendor Stylesheets(used by this page)-->
<link href="{{asset('admin/assets/plugins/custom/fullcalendar/fullcalendar.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('admin/assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
		<!--end::Vendor Stylesheets-->
@endpush
@section('content')
	<!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
								<!--begin::Toolbar container-->
								<div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack">
									<!--begin::Page title-->
									<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
										<!--begin::Title-->
										<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Default</h1>
										<!--end::Title-->
										<!--begin::Breadcrumb-->
										<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
											<!--begin::Item-->
											<li class="breadcrumb-item text-muted">
												<a href="../../demo1/dist/index.html" class="text-muted text-hover-primary">Home</a>
											</li>
											<!--end::Item-->
											<!--begin::Item-->
											<li class="breadcrumb-item">
												<span class="bullet bg-gray-400 w-5px h-2px"></span>
											</li>
											<!--end::Item-->
											<!--begin::Item-->
											<li class="breadcrumb-item text-muted">Dashboards</li>
											<!--end::Item-->
										</ul>
										<!--end::Breadcrumb-->
									</div>
									<!--end::Page title-->
									<!--begin::Actions-->
									<div class="d-flex align-items-center gap-2 gap-lg-3">
										<!--begin::Secondary button-->
										<a href="#" class="btn btn-sm fw-bold bg-body btn-color-gray-700 btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Rollover</a>
										<!--end::Secondary button-->
										<!--begin::Primary button-->
										<a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_target">Add Target</a>
										<!--end::Primary button-->
									</div>
									<!--end::Actions-->
								</div>
								<!--end::Toolbar container-->
							</div>
							<!--end::Toolbar-->
							<!--begin::Content-->
							<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container" class="app-container container-fluid">

<div class="row g-5 g-xl-10 mb-5 mb-xl-10">

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #febf00; background: url(assets/media/patterns/vector-1.png) #febf00 no-repeat bottom right; ">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">69</span>


                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Total
                        Booking</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>


    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #a7303b; background: url(assets/media/patterns/vector-1.png) #a7303b no-repeat bottom right; ">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">69</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Today
                        Booking</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>
    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #64040d; background: url(assets/media/patterns/vector-1.png) #64040d no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">30</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Number of
                        players</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #1ea13a;  background: url(assets/media/patterns/vector-1.png) #1ea13a no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">50</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Membership
                        Players</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #dfaf20; background: url(assets/media/patterns/vector-1.png) #dfaf20 no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">100</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Today
                        Revenue</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #39a2c0; background: url(assets/media/patterns/vector-1.png) #39a2c0 no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">500</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Total
                        Revenue</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #ff750a;  background: url(assets/media/patterns/vector-1.png) #ff750a no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">500</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">Play
                        coin</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #21205e; background: url(assets/media/patterns/vector-1.png) #21205e no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">500</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">No of
                        sports</span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>

    <div class="col-md-6 col-lg-6 col-xl-3 col-xxl-3 mb-md-5 mb-xl-5">

        <div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end"
            style="background-color: #f82b2c; background: url(assets/media/patterns/vector-1.png) #f82b2c no-repeat bottom right;">

            <div class="card-header pt-5">

                <div class="card-title d-flex flex-column">

                    <span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">200</span>

                    <span class="text-white opacity-75 pt-1 fw-semibold fs-6">No of
                        venues </span>

                </div>

            </div>


            <div class="card-body d-flex align-items-end pt-0">

                <div class="d-flex align-items-center flex-column mt-3 w-100">
                    <div
                        class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">

                        <span>72%</span>
                    </div>
                    <div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
                        <div class="bg-white rounded h-8px" role="progressbar"
                            style="width: 72%;" aria-valuenow="50" aria-valuemin="0"
                            aria-valuemax="100"></div>
                    </div>
                </div>

            </div>

        </div>



    </div>
</div>


<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
    <div class="row g-5 g-xl-10 mb-5 mb-xl-10">

        <div class="col-xxl-6 col-xl-6">
            <div class="card card-flush">

                <div class="card-header">

                    <div class="card-title flex-column">
                        <h3 class="fw-bold mb-1">Frequently booked game</h3>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <div class="table-responsive">

                        <table id="kt_profile_overview_table"
                            class="table table-row-bordered table-row-dashed gy-4 align-middle fw-bold">

                            <thead class="fs-7 text-gray-400 text-uppercase">
                                <tr>
                                    <th class="min-w-90px">Game Name</th>
                                    <th class="min-w-150px">Image</th>

                                    <th class="min-w-50px text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody class="fs-6">
                                <tr>
                                    <td>Cricket</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tennis</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tennis</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-xxl-6 col-xl-6">
            <div class="card card-flush">

                <div class="card-header">

                    <div class="card-title flex-column">
                        <h3 class="fw-bold mb-1">Today Booking</h3>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <div class="table-responsive">

                        <table id="kt_profile_overview_table2"
                            class="table table-row-bordered table-row-dashed gy-4 align-middle fw-bold">

                            <thead class="fs-7 text-gray-400 text-uppercase">
                                <tr>
                                    <th class="min-w-90px">Game Name</th>
                                    <th class="min-w-150px">Image</th>

                                    <th class="min-w-50px text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody class="fs-6">
                                <tr>
                                    <td>Cricket</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tennis</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tennis</td>
                                    <td>
                                        <div class="me-5 position-relative">
                                            <div
                                                class="symbol symbol-35px symbol-circle">
                                                <img alt="Pic"
                                                    src="assets/media/avatars/300-6.jpg" />
                                            </div>
                                        </div>
                                    </td>

                                    <td class="text-end">
                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            data-bs-toggle="modal"
                                            data-bs-target="#kt_modal_update_email">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path opacity="0.3"
                                                        d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z"
                                                        fill="currentColor"></path>
                                                    <path
                                                        d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>

                                        <button type="button"
                                            class="btn btn-icon btn-active-light-primary w-30px h-30px ms-auto"
                                            id="kt_users_delete_two_step">

                                            <span class="svg-icon svg-icon-3">
                                                <svg width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                        fill="currentColor"></path>
                                                    <path opacity="0.5"
                                                        d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                        fill="currentColor"></path>
                                                </svg>
                                            </span>

                                        </button>
                                    </td>
                                </tr>

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>


</div>



</div>
</div>

@endsection

@push('scripts')


	<!--end::Global Javascript Bundle-->
		<!--begin::Vendors Javascript(used by this page)-->
		<script src="{{asset('admin/assets/plugins/custom/fullcalendar/fullcalendar.bundle.js')}}"></script>
		<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/radar.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/map.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/geodata/worldLow.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/geodata/continentsLow.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/geodata/usaLow.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZonesLow.js"></script>
		<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZoneAreasLow.js"></script>
		<script src="{{asset('admin/assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
		<!--end::Vendors Javascript-->
		<!--begin::Custom Javascript(used by this page)-->
		<script src="{{asset('admin/assets/js/widgets.bundle.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/widgets.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/apps/chat/chat.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/utilities/modals/upgrade-plan.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/utilities/modals/create-app.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/utilities/modals/new-target.js')}}"></script>
		<script src="{{asset('admin/assets/js/custom/utilities/modals/users-search.js')}}"></script>
		<!--end::Custom Javascript-->
		<!--end::Javascript-->

@endpush