@extends('layouts.master')
@section('css')
<!-- Internal Data table css -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<style>
    .returns-report { --returns-primary: #1769d2; --returns-ink: #1d2a3b; --returns-muted: #718096; }
    .returns-report .breadcrumb-header { margin-top: 0 !important; }
    .returns-report-title { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
    .returns-report-title .title-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: #eaf2ff; color: var(--returns-primary); font-size: 22px; }
    .returns-report-title h4 { margin: 0; color: var(--returns-ink); font-weight: 700; }
    .returns-report-title p { margin: 4px 0 0; color: var(--returns-muted); font-size: 13px; }
    .card-custom {
        border: none;
        border-radius: 14px;
        box-shadow: 0 8px 26px rgba(30, 55, 90, 0.07);
        background: #ffffff;
        margin-bottom: 20px;
    }
    .card-header-custom {
        background-color: #ffffff;
        border-bottom: 1px solid #edf2f7;
        padding: 22px;
        border-radius: 14px;
    }
    .filter-heading, .results-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
    .filter-heading h5, .results-heading h5 { margin:0; color:var(--returns-ink); font-size:16px; font-weight:700; }
    .filter-heading p, .results-heading p { margin:4px 0 0; color:var(--returns-muted); font-size:12px; }
    .filter-label { display:block; margin-bottom:7px; color:#475569; font-size:12px; font-weight:700; }
    .filter-control { min-height:44px; border:1px solid #dce4ef; border-radius:8px !important; color:#26364a; }
    .filter-control:focus { border-color:#8ab5f2; box-shadow:0 0 0 3px rgba(23,105,210,.11); }
    .filter-actions { display:flex; flex-direction:column; gap:8px; }
    .filter-actions .btn { min-height:42px; border-radius:8px; font-weight:700; }
    .report-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:250px; padding:32px 18px; text-align:center; color:var(--returns-muted); }
    .report-empty .empty-icon { display:flex; width:60px; height:60px; align-items:center; justify-content:center; margin-bottom:14px; border-radius:50%; background:#f0f5fc; color:#7a9bc5; font-size:25px; }
    .report-empty h5 { margin:0 0 7px; color:var(--returns-ink); font-size:16px; font-weight:700; }
    .report-empty p { max-width:440px; margin:0; font-size:13px; line-height:1.8; }
    .results-heading { padding:20px 22px 0; margin-bottom:14px; }
    .results-count { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:20px; background:#edf5ff; color:#1769d2; font-size:12px; font-weight:700; }
    .results-meta { color:#64748b; font-size:12px; }
    .table-official {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e2e8f0;
    }
    .table-official thead th {
        background-color: #f3f7fc;
        color: #334155;
        border: none;
        padding: 13px 12px;
        font-weight: 600;
        text-align: center;
        font-size: 13px;
    }
    .table-official tbody td {
        padding: 13px 12px;
        vertical-align: middle;
        color: #334155;
        border-top: 1px solid #edf2f7;
        text-align: center;
        background-color: #ffffff;
    }
    .table-official tbody tr:hover td { background-color: #f8fbff; }
    .summary-box {
        min-width: 260px;
        background: #f6f9ff;
        border: 1px solid #dbe8f8;
        border-radius: 10px;
        padding: 12px 16px;
    }
    .summary-box table {
        width: 100%;
        margin-bottom: 0;
    }
    .summary-box th, .summary-box td {
        padding: 8px 10px;
        border: none;
    }
    .summary-box th {
        color: #64748b;
        font-weight: 600;
        text-align: right;
    }
    .summary-box td {
        color: #0f172a;
        font-weight: bold;
        text-align: left;
        font-size: 16px;
    }
    @media (max-width: 767px) {
        .card-header-custom { padding:16px; }
        .filter-actions { flex-direction:row; }
        .filter-actions .btn { flex:1; }
        .results-heading { padding:16px 16px 0; }
        .summary-box { width:100%; }
    }
</style>
@endsection

@section('title')
{{ __('report.report_returns_sale') }}
@endsection

@section('page-header')
<div class="breadcrumb-header justify-content-between my-3">
    <div class="my-auto">
        <div class="returns-report-title">
            <span class="title-icon"><i class="fas fa-undo-alt"></i></span>
            <div>
                <h4>{{ __('report.report_returns_sale') }}</h4>
                <p>{{ app()->getLocale() === 'ar' ? 'استعرض مرتجعات المبيعات حسب الفترة والفرع' : 'Review sales returns by date range and branch' }}</p>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')

@if (count($errors) > 0)
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <button aria-label="Close" class="close" data-dismiss="alert" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
    <strong>خطأ</strong>
    <ul class="mb-0 mt-2">
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<!-- row -->
<div class="row">
    <div class="col-xl-12 returns-report">
        <!-- بطاقة نموذج البحث -->
        <div class="card card-custom">
            <div class="card-header-custom">
                <div class="filter-heading">
                    <div>
                        <h5><i class="fas fa-filter text-primary ml-1"></i> {{ app()->getLocale() === 'ar' ? 'معايير التقرير' : 'Report filters' }}</h5>
                        <p>{{ app()->getLocale() === 'ar' ? 'حدد الفترة والفرع لعرض حركات المرتجعات' : 'Choose a date range and branch to view returns' }}</p>
                    </div>
                </div>
                <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'search_report_returns_sale')) }}" method="POST" role="search" autocomplete="off">
                    {{ csrf_field() }}

                    <div class="row align-items-end">
                        <div class="col-lg-3 col-md-6 mb-3" id="start_at">
                            <label class="filter-label">{{ __('report.fromdate') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text bg-light border-right-0">
                                        <i class="fas fa-calendar-alt text-primary"></i>
                                    </div>
                                </div>
                                <input class="form-control filter-control fc-datepicker border-left-0" value="{{ $start ?? ($start_at ?? '') }}" name="start_at" placeholder="YYYY-MM-DD" type="text" required>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6 mb-3" id="end_at">
                            <label class="filter-label">{{ __('report.todate') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text bg-light border-right-0">
                                        <i class="fas fa-calendar-alt text-primary"></i>
                                    </div>
                                </div>
                                <input class="form-control filter-control fc-datepicker border-left-0" name="end_at" value="{{ $end ?? ($end_at ?? '') }}" placeholder="YYYY-MM-DD" type="text" required>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-8 mb-3" id="type">
                            <label class="filter-label">{{ __('users.branch') }}</label>
                            <select class="form-control select2" name="branch" required>
                                <option value="-" {{ ($branch_Id ?? '-') == '-' ? 'selected' : '' }}>{{ __('users.allbranchs') }}</option>
                                @foreach (App\Models\branchs::get() as $branch)
                                <option value="{{ $branch->id }}" {{ (string) ($branch_Id ?? '') === (string) $branch->id ? 'selected' : '' }}> {{ $branch->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-2 col-md-4 mb-3">
                            <div class="filter-actions">
                                <button type="submit" class="btn btn-primary shadow-sm">
                                    <i class="las la-search ml-1"></i> {{ __('home.search') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        @if (!isset($Invoices))
        <div class="card card-custom">
            <div class="report-empty">
                <span class="empty-icon"><i class="fas fa-chart-bar"></i></span>
                <h5>{{ app()->getLocale() === 'ar' ? 'التقرير جاهز للبحث' : 'Ready to search' }}</h5>
                <p>{{ app()->getLocale() === 'ar' ? 'اختر تاريخ البداية والنهاية والفرع، ثم اضغط بحث لعرض مرتجعات المبيعات وإجمالياتها.' : 'Choose the start date, end date, and branch, then search to see sales returns and totals.' }}</p>
            </div>
        </div>
        @elseif ($Invoices->isEmpty())
        <div class="card card-custom">
            <div class="report-empty">
                <span class="empty-icon"><i class="fas fa-search"></i></span>
                <h5>{{ app()->getLocale() === 'ar' ? 'لا توجد مرتجعات في الفترة المحددة' : 'No returns found for this period' }}</h5>
                <p>{{ app()->getLocale() === 'ar' ? 'جرّب فترة زمنية أخرى أو اختر جميع الفروع ثم أعد البحث.' : 'Try another date range or select all branches, then search again.' }}</p>
            </div>
        </div>
        @else
        
        <!-- بطاقة نتائج البحث والجدول -->
        <div class="card card-custom">
            <div class="results-heading">
                <div>
                    <h5>{{ app()->getLocale() === 'ar' ? 'نتائج مرتجعات المبيعات' : 'Sales return results' }}</h5>
                    <p class="results-meta">الفترة: {{ $start }} — {{ $end }}</p>
                </div>
                <span class="results-count"><i class="fas fa-receipt"></i> {{ $Invoices->pluck('invoice_id')->unique()->count() }} {{ app()->getLocale() === 'ar' ? 'فاتورة مرتجعة' : 'returned invoices' }}</span>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-official text-md-nowrap mb-4">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{ __('report.date') }}</th>
                                <th>{{ __('report.invoiceNo') }}</th>
                                <th>اسم العميل</th>
                                <th>{{ __('home.paymentmethod') }}</th>
                                <th>{{ __('home.total') }}</th>
                                <th>{{ __('home.quantity') }}</th>
                                <th>{{ __('home.operations') }}</th>
                            </tr>
                        </thead>
                        <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\Avt&quot; not found in /home/ebdea/public_html/demoo.ebdea.online/resources/views/reports/report_returns_sale.blade.php:255
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/demoo.ebdea.online/resources/views/reports/report_returns_sale.blade.php</b> on line <b>255</b><br />