@extends('layouts.master')
@section('css')
<!--  Owl-carousel css-->
<link href="{{ URL::asset('assets/plugins/owl-carousel/owl.carousel.css') }}" rel="stylesheet" />
<!-- Maps css -->
<link href="{{ URL::asset('assets/plugins/jqvmap/jqvmap.min.css') }}" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet">
<style>
.ag-format-container {
    width: 100%;
    padding: 20px;
}

.ag-courses_box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ag-courses_item {
    flex-basis: calc(33.33333% - 30px);
    margin: 0 15px 30px;
    overflow: hidden;
    border-radius: 20px;
    background-color: #f8f9fa;
    /* لون خلفية هادئ */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.ag-courses_item:hover {
    transform: translateY(-5px);
}

.ag-courses-item_link {
    display: block;
    padding: 30px 20px;
    background-color: #122147;
    /* لون الكرت الأساسي */
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    height: 100%;
}

.ag-courses-item_bg {
    height: 128px;
    width: 128px;
    background-color: #f9b234;
    /* لون التمويه عند الهوفر */
    z-index: 1;
    position: absolute;
    top: -75px;
    right: -75px;
    border-radius: 50%;
    transition: all .5s ease;
}

.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
    background-color: #3ecd5e;
}

.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
    background-color: #e44002;
}

.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
    background-color: #952aff;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
    transform: scale(10);
}

.ag-courses-item_title {
    min-height: 50px;
    margin: 0 0 25px;
    overflow: hidden;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    z-index: 2;
    position: relative;
}

.ag-courses-item_date-box {
    font-size: 22px;
    /* تكبير الخط للأرقام */
    color: #FFF;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
}

.svg-icon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    /* للمحاذاة العربية */
    fill: #f9b234;
}

/* للموبايل */
@media only screen and (max-width: 979px) {
    .ag-courses_item {
        flex-basis: calc(50% - 30px);
    }
}

@media only screen and (max-width: 639px) {
    .ag-courses_item {
        flex-basis: 100%;
    }
}
/* ضبط مكان الأيقونة */
.nav-link.position-relative {
    display: inline-flex !important;
    padding: 8px !important;
}

/* تنسيق الرقم ليظهر فوق الأيقونة */
.custom-badge {
    position: absolute !important;
    top: -2px;          /* تحريك للأعلى */
    right: -2px;        /* تحريك لليمين */
    background-color: #ff4d4f; /* لون أحمر زاهي */
    color: white;
    font-size: 11px;    /* حجم الخط */
    font-weight: bold;
    min-width: 18px;    /* عرض أدنى لجعلها دائرية */
    height: 18px;       /* طول ثابت */
    border-radius: 50%; /* لجعلها دائرة كاملة */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff; /* إطار أبيض يفصلها عن الأيقونة */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* ظل خفيف */
    z-index: 1;
}

/* تحسين شكل القائمة المنسدلة لتكون احترافية */
.dropdown-menu {
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden;
    width: 250px !important;
}

.main-notification-list {
    max-height: 300px;
    overflow-y: auto;
}
</style>
@endsection
@section('title')
{{ __('home.home') }}
@stop
@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between align-items-center my-4 p-3 bg-white shadow-sm"
    style="border-radius: 15px;">
    <div class="left-content {{ App::getLocale() == 'en' ? 'text-left' : 'text-right' }}">
        <h2 class="main-content-title tx-24 mg-b-1 welcoming font-weight-bold" style="color: #004d44;">
            {{ __('home.welcome') }}
            <span class="text-dark">{{ Auth::user()->name }}</span> !
        </h2>
        <p class="mg-b-0 text-muted" style="font-size: 13px;">
            {{ __('home.dashboard_subtitle') }}
        </p>
    </div>
<div class="dropdown nav-item main-header-notification">
    <a class="new nav-link position-relative d-inline-flex align-items-center justify-content-center" href="#" id="invoice-no-btn">
        <svg xmlns="http://www.w3.org/2000/svg" class="header-icon-svgs" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
            <polyline points="14 2 14 8 20 8"></polyline>
            <line x1="16" y1="13" x2="8" y2="13"></line>
            <line x1="16" y1="17" x2="8" y2="17"></line>
            <polyline points="10 9 9 9 8 9"></polyline>
        </svg>
        <span class="badge badge-danger custom-badge" id="invoice_count">3</span>
    </a>

    <div class="dropdown-menu shadow-lg">
        <div class="menu-header-content bg-info text-right p-2">
            <h6 class="dropdown-title mb-0 text-white font-weight-semibold">{{ __('home.Roken_Section') }}</h6>
        </div>
        <div class="main-notification-list Notification-scroll" id="invoice_list">
            </div>
    </div>
</div>
    <div class="main-dashboard-header-right">
        <div class="datetime-wrapper d-flex align-items-center px-3 py-2"
            style="background: #f0f4f4; border-radius: 12px; border: 1px solid #e0e6e6;">


            <div class="datetime-wrapper d-flex align-items-center px-3 py-2"
                style="background: #f0f4f4; border-radius: 12px; border: 1px solid #e0e6e6;">
                <div class="ml-3 d-flex align-items-center justify-content-center"
                    style="width: 40px; height: 40px; background: #004d44; border-radius: 10px; color: white;">
                    <i class="far fa-calendar-alt" style="font-size: 18px;"></i>
                </div>
                <div class="text-right">
                    <!-- التاريخ هنا -->
                    <div id="display_date" class="font-weight-bold" style="font-size: 14px; color: #004d44;"></div>
                    <!-- الوقت هنا -->
                    <div id="display_time" class="text-muted" style="font-size: 12px; font-weight: 600;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /breadcrumb -->
@endsection
@section('content')

<!-- row -->
@can('Home')
<div class="row row-sm parent-card" style="background-color: white;">
    <div class="ag-format-container">
        <div class="ag-courses_box">
            <div class="ag-courses_item">
                <a href="#" class="ag-courses-item_link">
                    <div class="ag-courses-item_bg"></div>

                    <div class="ag-courses-item_title">
                        {{ __('home.salesdoday') }}
                    </div>

                    <div class="ag-courses-item_date-box">
                        <svg class="svg-icon" viewBox="0 0 20 20">
                            <path fill="none"
                                d="M16.588,3.411h-4.466c0.042-0.116,0.074-0.236,0.074-0.366c0-0.606-0.492-1.098-1.099-1.098H8.901c-0.607,0-1.098,0.492-1.098,1.098c0,0.13,0.033,0.25,0.074,0.366H3.41c-0.606,0-1.098,0.492-1.098,1.098c0,0.607,0.492,1.098,1.098,1.098h0.366V16.59c0,0.808,0.655,1.464,1.464,1.464h9.517c0.809,0,1.466-0.656,1.466-1.464V5.607h0.364c0.607,0,1.1-0.491,1.1-1.098C17.688,3.903,17.195,3.411,16.588,3.411z M8.901,2.679h2.196c0.202,0,0.366,0.164,0.366,0.366S11.3,3.411,11.098,3.411H8.901c-0.203,0-0.366-0.164-0.366-0.366S8.699,2.679,8.901,2.679z M15.491,16.59c0,0.405-0.329,0.731-0.733,0.731H5.241c-0.404,0-0.732-0.326-0.732-0.731V5.607h10.983V16.59z M16.588,4.875H3.41c-0.203,0-0.366-0.164-0.366-0.366S3.208,4.143,3.41,4.143h13.178c0.202,0,0.367,0.164,0.367,0.366S16.79,4.875,16.588,4.875zM6.705,14.027h6.589c0.202,0,0.366-0.164,0.366-0.366s-0.164-0.367-0.366-0.367H6.705c-0.203,0-0.366,0.165-0.366,0.367S6.502,14.027,6.705,14.027z M6.705,11.83h6.589c0.202,0,0.366-0.164,0.366-0.365c0-0.203-0.164-0.367-0.366-0.367H6.705c-0.203,0-0.366,0.164-0.366,0.367C6.339,11.666,6.502,11.83,6.705,11.83z M6.705,9.634h6.589c0.202,0,0.366-0.164,0.366-0.366c0-0.202-0.164-0.366-0.366-0.366H6.705c-0.203,0-0.366,0.164-0.366,0.366C6.339,9.47,6.502,9.634,6.705,9.634z">
                            </path>
                        </svg>
                        <span class="ag-courses-item_date">
                            {{ App\Models\invoices::whereDate('created_at', date('Y-m-d'))->where('save',1)->count() }}
                            {{__('home.invoice')}}
                        </span>
                    </div>
                </a>
            </div>
            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\sales&quot; not found in /home/ebdea/public_html/diamonds.ebdea.online/resources/views/index.blade.php:250
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/diamonds.ebdea.online/resources/views/index.blade.php</b> on line <b>250</b><br />