@extends('layouts.master')

@section('css')
<!-- Internal DataTables and Chart.js Custom Styles -->
<link href="{{ URL::asset('assets/plugins/chart.js/Chart.min.css') }}" rel="stylesheet">
<style>
    @media print {
        #print_Button, .sidebar, .main-header, .breadcrumb-header {
            display: none !important;
        }
        body {
            background-color: #fff !important;
            font-size: 12pt;
        }
        .card {
            border: none !important;
            box-shadow: none !important;
        }
    }

    body {
        background-color: #f4f6f9 !important;
        font-family: 'Cairo', 'Times New Roman', Times, serif;
    }

    .report-card {
        border: none;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        background: #ffffff;
    }

    .table-custom th {
        background-color: #1e293b !important;
        color: #ffffff !important;
        font-weight: 600;
        text-align: center;
        padding: 12px !important;
        font-size: 13px;
        border: 1px solid #334155 !important;
    }

    .table-custom td {
        vertical-align: middle !important;
        text-align: center;
        padding: 10px !important;
        font-size: 13px;
        color: #334155;
        border: 1px solid #e2e8f0 !important;
    }

    .table-custom tbody tr:nth-child(even) {
        background-color: #f8fafc;
    }

    .table-custom tbody tr:hover {
        background-color: #f1f5f9;
    }

    .total-row {
        background-color: #0f172a !important;
        color: #ffffff !important;
        font-weight: bold;
        font-size: 14px;
    }

    .total-row td {
        color: #ffffff !important;
        border: 1px solid #1e293b !important;
    }

    .stat-card {
        border-radius: 10px;
        border: 1px solid #e2e8f0;
        background: #ffffff;
        transition: transform 0.2s;
    }
    .stat-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 15px rgba(0,0,0,0.05);
    }
</style>
@endsection

@section('title')
{{ __('home.year_sales_report') }}
@stop

@section('page-header')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <div class="d-flex">
            <h4 class="content-title mb-0 my-auto font-weight-bold" style="color: #0f172a;">{{ __('home.sales_reports') }}</h4>
            <span class="text-muted mt-1 tx-13 mr-2 mb-0">/ {{ __('home.annual_comprehensive_report') }}</span>
        </div>
    </div>
</div>
@endsection

@section('content')
<br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Carbon\Carbon&quot; not found in /home/ebdea/public_html/factory.ebdea.online/resources/views/reports/year_sales_report.blade.php:102
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/factory.ebdea.online/resources/views/reports/year_sales_report.blade.php</b> on line <b>102</b><br />