@extends('admin.dashboard.layouts.app')


@section('title', panel_setting_title("Yönetici Paneli"))



@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/feather/feather.css') }}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/css/bootstrap-datetimepicker.min.css') }}">
    <!-- Datatables CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/datatables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
@endpush



@push('styles')
@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <!-- Page Header -->
            <div class=" card rounded-3    ">
                <div class="card-body p-4">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <!-- Title and Icon -->
                            <div class="d-flex align-items-center mb-2">
                                <div class="  rounded-3 p-2 me-3 svg-icon-bg">
                                    <i class="fa-solid fa-flag svg-icon  fs-4"></i>

                                </div>
                                <div>
                                    <h1 class=" fs-3 fw-semibold mb-0 text-white-primary-color">Tahsilat Raporu</h1>
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb mb-2">
                                            <li class="breadcrumb-item">
                                                <a href="#"
                                                    class=" text-white-primary-color text-opacity-75 text-decoration-none d-flex align-items-center">
                                                    Raporlar
                                                </a>
                                            </li>
                                            <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                aria-current="page">
                                                Tahsilat Raporu </li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!-- Action Button -->
                        {{-- <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
                            <a href="{{ route('admin.dashboard.user-management.user-create') }}"
                                class="btn btn-yellow-custom d-inline-flex align-items-center gap-2">
                                <i class="fas fa-plus-circle"></i>
                                <span>Yeni Kullanıcı</span>
                            </a>
                        </div> --}}
                    </div>
                </div>
            </div>
            <!-- Page Header -->



            {{-- filter --}}
            <div class="card border-0 rounded-4 shadow-sm mb-4">
                <div class="card-body p-4">
                    <form id="filterForm">
                        <div class="row g-3 align-items-end">
                            <!-- kural adı-->
                            <div class="col-lg-3 col-md-4">
                                <div class="form-floating">
                                    <input type="date" class="form-control " id="dateRange" placeholder="Tarih Filtresi">
                                    <label class="form-label  ">Tarih Filtresi</label>
                                </div>
                            </div>
                            <!-- Date Type -->
                            <div class="col-lg-3 col-md-4">
                                <div class="form-floating">
                                    <select class="form-select " id="ciro">
                                        <option value="" selected>Üye İşYeri</option>
                                        <option value="1">Test Merchant</option>
                                    </select>
                                    <label class="form-label  ">Günlük Ciro Filtresi </label>
                                </div>
                            </div>
                            <!-- Görüntüleme tipi -->
                            <div class="col-lg-3 col-md-4">

                                <div class="form-floating">
                                    <select class="form-select " id="bank">
                                        <option value="" selected>Banka</option>
                                        <option value="1">-----</option>
                                    </select>
                                    <label class="form-label  ">Tahsilat Filtresi</label>
                                </div>
                            </div>
                            <!-- Görüntüleme tipi -->
                            <div class="col-lg-3 col-md-4">

                                <div class="form-floating">
                                    <select class="form-select " id="iban">
                                        <option value="" selected>IBAN</option>
                                        <option value="1">-----</option>
                                    </select>
                                    <label class="form-label  ">IBAN</label>
                                </div>
                            </div>

                            <!-- Buttons -->
                            <div class=" mb-1 text-end d-flex justify-content-end">
                                <button type="submit"
                                    class="btn btn-primary-custom  d-flex align-items-center justify-content-center gap-2">
                                    <span><i class="fa-solid fa-floppy-disk me-2"></i>Kaydet</span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            {{-- filter --}}


            <div class="card border-0 rounded-4 overflow-hidden p-3">
                <div class="table-responsive border-0 p-0 m-0">
                    <div class="col-md-12 border-0  mt-4 p-0 m-0">
                        <table id="example" class="table border-0 align-middle mb-0">
                            <thead>
                                <tr class="bg-light border-0">
                                    <th class="custom-th" style="border:none;">
                                        Başlangıç Tarihi</th>
                                    <th class="custom-th" style="border:none;">Bitiş
                                        Tarihi</th>
                                    <th class="custom-th" style="border:none;">Üye
                                        İşyeri ID</th>
                                    <th class="custom-th" style="border:none;">Üye
                                        İşyeri Adı</th>
                                    <th class="custom-th" style="border:none;">Banka
                                    </th>
                                    <th class="custom-th" style="border:none;">IBAN
                                    </th>
                                    <th class="custom-th" style="border:none;">Ciro
                                    </th>
                                    <th class="custom-th" style="border:none;">
                                        Komisyon</th>
                                    <th class="custom-th" style="border:none;">Net
                                        Komisyon</th>
                                    <th class="custom-th" style="border:none;">BSMV
                                    </th>
                                    <th class="custom-th" style="border:none;">
                                        Ödenecek Tutar</th>
                                    <th class="custom-th" style="border:none;">
                                        Çıkışlar</th>

                                </tr>
                            </thead>
                            <tbody>

                            </tbody>

                        </table>
                    </div>

                </div>
            </div>

            <div class="card border-0 rounded-4 overflow-hidden p-3">
                <div class="table-responsive border-0">
                    <table class="table align-middle mb-0 border-0">
                        <thead>
                            <tr class="bg-light border-0">
                                <th class="custom-th" style="border:none;">
                                    IBAN</th>
                                <th class="custom-th" style="border:none;">
                                    Komisyon Gittiği IBAN</th>
                                <th class="custom-th" style="border:none;">
                                    Üye İşyeri ID</th>
                                <th class="custom-th" style="border:none;">
                                    Üye İşyeri Adı</th>
                                <th class="custom-th" style="border:none;">
                                    Ciro</th>
                                <th class="custom-th" style="border:none;">
                                    Komisyon</th>
                                <th class="custom-th" style="border:none;">
                                    Komisyon Tarihi</th>
                                <th class="custom-th" style="border:none;">
                                    Komisyon Yüzdesi</th>
                                <th class="custom-th" style="border:none;">
                                    İşlem Zamanı</th>
                                <th class="custom-th" style="border:none;">
                                    En Son Deneme Zamanı</th>
                                <th class="custom-th" style="border:none;">
                                    Hata Sebebi</th>
                                <th class="custom-th" style="border:none;">
                                    İşlem Durumu</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6 col-12 my-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="card-title">Genel Veriler</div>
                            <div class="row mt-3">
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#48A6A7"></i>
                                                <p class="mb-0">Yatırım Tutarı (İadeler Hariç)</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#48A6A7"></i>
                                                <p class="mb-0">Test Yatırımları</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#48A6A7"></i>
                                                <p class="mb-0">Yatırım Virman</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#48A6A7"></i>
                                                <p class="mb-0">Yatırım Şirket Komisyon Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#B82132"></i>
                                                <p class="mb-0">Çekim Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#B82132"></i>
                                                <p class="mb-0">Test Çekim Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#B82132"></i>
                                                <p class="mb-0">Çekim Virman</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Red, İade Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Toplam Yatırım Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Test Yatırımları</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Yatırım Şirket Komisyon Tutar</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Test Çekim Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Çekim Şirket Komisyon Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Çekim Masraf Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12 my-4">
                                    <div class="p-3 rounded" style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                        <div class="d-flex align-items-center justify-content-between h-100">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="fa fa-circle fa-2x" style="opacity: 0.50; color:#8d21b8"></i>
                                                <p class="mb-0">Red, Iade Komisyon Tutarı</p>
                                            </div>
                                            <div>0,00₺</div>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- row -->
                        </div> <!-- card-body -->
                    </div> <!-- card -->
                </div> <!-- col-lg-6 -->

                <div class="col-lg-6 col-12 my-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="card-title">Analizler</div>
                            <div class="row">
                                <div class="col-12 mb-3 p-3 rounded"
                                    style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                    <div class="d-flex align-items-center gap-1"><i
                                            class="fa fa-circle fa-2x  mt-2 mr-2 mb-2"
                                            style="opacity: 0.50;color:#48A6A7"></i>Toplam Yatırım Tutarı</div>
                                    <div class="price">0,00₺</div>
                                </div>
                                <div class="col-12 mb-3 p-3 rounded"
                                    style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                    <div class="d-flex align-items-center gap-1"><i
                                            class="fa fa-circle fa-2x  mt-2 mr-2 mb-2"
                                            style="opacity: 0.50;color:#a7486b"></i> Toplam Çekim Tutarı</div>
                                    <div class="price">0,00₺</div>
                                </div>
                                <div class="col-12 mb-3 p-3 rounded"
                                    style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                    <div class="d-flex align-items-center gap-1"> <i
                                            class="fa fa-circle fa-2x  mt-2 mr-2 mb-2"
                                            style="opacity: 0.50;color:#7f48a7"></i> Toplam Red-İade Tutarı</div>
                                    <div class="price">0,00₺</div>
                                </div>
                                <div class="col-12 mb-3 p-3 rounded"
                                    style="box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;">
                                    <div class="d-flex align-items-center gap-1"><i
                                            class="fa fa-circle fa-2x  mt-2 mr-2 mb-2"
                                            style="opacity: 0.50;color:#a74848"></i> Toplam Virman Tutarı</div>
                                    <div class="price">0,00₺</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="card border-0 rounded-4 overflow-hidden p-3">
                <div class="table-responsive border-0">
                    <table id="example3" class=" border-0 table align-middle mb-0">
                        <thead>
                            <tr class="bg-light border-0">
                                <th class="custom-th" style="border:none;">
                                    Yatırım Tutarı (İadeler
                                    Hariç)</th>
                                <th class="custom-th" style="border:none;">
                                    Yatırım Virman</th>
                                <th class="custom-th" style="border:none;">
                                    Test Yatırımları</th>
                                <th class="custom-th" style="border:none;">
                                    Yatırım Şirket Komisyon
                                </th>
                                <th class="custom-th" style="border:none;">
                                    Çekim Tutarı</th>
                                <th class="custom-th" style="border:none;">
                                    Test Çekim Tutarı</th>
                                <th class="custom-th" style="border:none;">
                                    Çekim Virman</th>
                                <th class="custom-th" style="border:none;">
                                    Çekim Şirket Komisyon
                                </th>
                                <th class="custom-th" style="border:none;">
                                    Çekim Şirket Komisyon
                                    Masraf</th>
                                <th class="custom-th" style="border:none;">
                                    Çekim Masraf Tutarı</th>
                                <th class="custom-th" style="border:none;">
                                    Red,İade Tutarı</th>
                                <th class="custom-th" style="border:none;">
                                    Red,İade Komisyon Tutarı
                                </th>
                                <th class="custom-th" style="border:none;">
                                    Toplam Yatırım Tutarı
                                </th>

                            </tr>
                        </thead>
                        <tbody>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                            <th style="font-size: 13px;">₺ 0,00</th>
                        </tbody>

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


            <div class="card border-0 rounded-4 overflow-hidden p-3">
                <div class="table-responsive border-0">

                    <div class="col-md-12 table-div mt-4 border-0 ">
                        <table id="example4" class="table align-middle mb-0 border-0">
                            <thead>
                                <tr class="bg-light border-0">
                                    <th class="custom-th" style="border:none;">Tür</th>
                                    <th class="custom-th" style="border:none;">ID</th>
                                    <th class="custom-th" style="border:none;">İsim</th>
                                    <th class="custom-th" style="border:none;">Banka</th>
                                    <th class="custom-th" style="border:none;">IBAN</th>
                                    <th class="custom-th" style="border:none;">Miktar</th>
                                    <th class="custom-th" style="border:none;">Açıklama</th>
                                    <th class="custom-th" style="border:none;">Tarih</th>
                                    <th class="custom-th" style="border:none;">Yön</th>

                                </tr>
                            </thead>
                            <tbody>

                            </tbody>

                        </table>
                    </div>


                </div>
            </div>
            <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
            <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
            <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
            <script>
                var table = new DataTable('#example', {
                    language: {
                        url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
                    },
                });
                var table = new DataTable('#example2', {
                    language: {
                        url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
                    },
                });
                var table = new DataTable('#example3', {
                    language: {
                        url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
                    },
                });
                var table = new DataTable('#example4', {
                    language: {
                        url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
                    },
                });
            </script>
            <style>
                .dataTables_length label:before {
                    content: "";
                    margin-right: 5px;
                    font-size: 12px;
                }

                .dataTables_length label:after {
                    content: "";
                    margin-left: 5px;
                    font-size: 12px;
                }

                #example_wrapper {
                    margin: 25px 10px 25px 10px;
                }

                #example2_wrapper {
                    margin: 25px 10px 25px 10px;
                }

                #example3_wrapper {
                    margin: 25px 10px 25px 10px;
                }

                #example4_wrapper {
                    margin: 25px 10px 25px 10px;
                }

                /* .table-div {
                                                                                                                background-color: white;
                                                                                                                border-radius: 25px;
                                                                                                                box-shadow:  0px 0px 15px -7px rgba(0, 0, 0, 1);
                                                                                                                overflow: auto;width: 97%;
                                                                                                                margin-left: 25px;
                                                                                                            } */
                /* .card {
                                                                                                              background-color: white;
                                                                                                              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
                                                                                                              transition: 0.3s;
                                                                                                            }

                                                                                                            .card:hover {
                                                                                                              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
                                                                                                            }
                                                                                                            .text-white {
                                                                                                                max-height: 150px;
                                                                                                            } */
                /* .box {
                                                                                                                box-shadow: 0px 5px 10px 0px #47baa7;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                            } */
                /* .box:hover {
                                                                                                                box-shadow: 0px 10px 20px 0px #47baa7;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                                transform: translateY(-5px);
                                                                                                            }

                                                                                                            .box2 {
                                                                                                                box-shadow: 0px 5px 10px 0px #e77276;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                            }
                                                                                                            .box2:hover {
                                                                                                                box-shadow: 0px 10px 20px 0px #e77276;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                                transform: translateY(-5px);
                                                                                                            }
                                                                                                            .box3 {
                                                                                                                box-shadow: 0px 5px 10px 0px #818fdc;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                            }
                                                                                                            .box3:hover {
                                                                                                                box-shadow: 0px 10px 20px 0px #818fdc;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                                transform: translateY(-5px);
                                                                                                            }
                                                                                                            .box4 {
                                                                                                                box-shadow: 0px 5px 10px 0px #f7b751;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                            }
                                                                                                            .box4:hover {
                                                                                                                box-shadow: 0px 10px 20px 0px #f7b751;
                                                                                                                border-radius: 15px;
                                                                                                                transition: all ease 0.2s;
                                                                                                                transform: translateY(-5px);
                                                                                                            }
                                                                                                            .font13 {
                                                                                                                color:black;
                                                                                                                margin-left:0.5rem
                                                                                                            } */
            </style>
        @endsection


        @push('script-libraries')
            <!-- Feather Icon JS -->
            <script src="{{ asset('dashboard/js/feather.min.js') }}"></script>
            <!-- Slimscroll JS -->
            <script src="{{ asset('dashboard/plugins/slimscroll/jquery.slimscroll.min.js') }}"></script>
            <!-- Chart JS -->
            <script src="{{ asset('dashboard/plugins/apexchart/apexcharts.min.js') }}"></script>
            <script src="{{ asset('dashboard/plugins/apexchart/chart-data.js') }}"></script>
        @endpush

        @push('scripts')
        @endpush