@extends('layouts.master')

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

@section('css')
<style>
    /* ==========================================================
       Edit Previous Invoices Modern UI
       ========================================================== */
    body {
        background-color: #f1f5f9;
        font-family: 'Segoe UI', Tahoma, 'Inter', sans-serif;
    }

    /* كروت الأقسام */
    .invoices-card {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
        margin-bottom: 24px;
        overflow: hidden;
    }

    .invoices-card-header {
        background: #ffffff;
        border-bottom: 1.5px solid #f1f5f9;
        padding: 18px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* حقول البحث والفلترة */
    .filter-label {
        font-size: 13.5px;
        font-weight: 800;
        color: #334155;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .form-control-modern {
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 9px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        padding: 9px 14px !important;
        color: #0f172a !important;
        transition: all 0.2s ease;
    }

    .form-control-modern:focus {
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
        background: #ffffff !important;
    }

    /* جدول الفواتير */
    .table-invoices {
        margin-bottom: 0 !important;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e2e8f0 !important;
    }

    .table-invoices thead th {
        background: #0f172a !important;
        color: #ffffff !important;
        font-size: 13.5px !important;
        font-weight: 800 !important;
        padding: 14px 12px !important;
        border: none !important;
        white-space: nowrap;
    }

    .table-invoices tbody td {
        vertical-align: middle !important;
        padding: 12px 10px !important;
        font-size: 13.5px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        color: #1e293b;
    }

    .table-invoices tbody tr:hover {
        background-color: #f8fafc !important;
    }

    /* زر تعديل المقاسات */
    .btn-edit-measurements {
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        color: #ffffff !important;
        font-weight: 800 !important;
        font-size: 13px !important;
        padding: 6px 14px !important;
        border-radius: 7px !important;
        border: none !important;
        box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: all 0.2s ease;
        text-decoration: none !important;
    }

    .btn-edit-measurements:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(245, 158, 11, 0.45);
        background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    }

    /* شارات طرق الدفع */
    .badge-pay {
        font-size: 12px;
        font-weight: 800;
        padding: 4px 10px;
        border-radius: 6px;
        display: inline-block;
    }
</style>
@endsection

@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between mb-3">
    <div class="my-auto">
        <div class="d-flex align-items-center">
            <div class="bg-primary text-white rounded d-flex align-items-center justify-content-center mr-2" style="width: 38px; height: 38px;">
                <i class="fa fa-pencil-square-o" style="font-size: 18px;"></i>
            </div>
            <div>
                <h4 class="content-title mb-0 font-weight-bold" style="color: #0f172a;">{{ __('home.edit_previous_invoices') }}</h4>
                <span class="text-muted tx-13 mr-2 font-weight-bold">- البحث في فواتير المبيعات وتعديل بيانات ومقاسات التفصيل</span>
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb -->
@endsection

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="invoices-card">

            <div class="invoices-card-header">
                <h5 class="mb-0 font-weight-bold text-dark">
                    <i class="fa fa-filter text-primary ml-1"></i> فلاتر البحث السريع في الفواتير
                </h5>
            </div>

            <div class="card-body p-4">

                {{-- نموذج الفلترة والبحث --}}
                <form action="{{ route('invoice.edit_list') }}" method="GET" class="mb-4">
                    <div class="row align-items-end">

                        {{-- 1. رقم الفاتورة --}}
                        <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                            <label class="filter-label">
                                <i class="fa fa-hashtag text-primary"></i> {{ __('sales.invoice_number') }}
                            </label>
                            <input type="text" name="invoice_id" class="form-control form-control-modern"
                                placeholder="{{ __('sales.invoice_number_placeholder') }}"
                                value="{{ request('invoice_id') }}">
                        </div>

                        {{-- 2. العميل --}}
                        <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                            <label class="filter-label">
                                <i class="fa fa-user text-info"></i> {{ __('sales.customer') }}
                            </label>
                            <select name="customer_id" class="form-control form-control-modern select2">
                                <option value="">{{ __('sales.select_customer') }}</option>
                                @foreach($customers as $customer)
                                    <option value="{{ $customer->id }}" {{ request('customer_id') == $customer->id ? 'selected' : '' }}>
                                        {{ $customer->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        {{-- 3. تاريخ الفاتورة --}}
                        <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                            <label class="filter-label">
                                <i class="fa fa-calendar text-success"></i> {{ __('sales.invoice_date') }}
                            </label>
                            <input type="date" name="invoice_date" class="form-control form-control-modern"
                                value="{{ request('invoice_date') }}">
                        </div>

                        {{-- 4. أزرار البحث وإعادة الضبط --}}
                        <div class="col-lg-3 col-md-6 d-flex align-items-center" style="gap: 10px;">
                            <button type="submit" class="btn btn-primary btn-block font-weight-bold py-2 shadow-sm" style="border-radius: 9px;">
                                <i class="fa fa-search ml-1"></i> {{ __('sales.search_btn') }}
                            </button>

                            <a href="{{ route('invoice.edit_list') }}" class="btn btn-outline-secondary font-weight-bold py-2 px-3 shadow-sm" style="border-radius: 9px;" title="إعادة ضبط">
                                <i class="fa fa-refresh"></i>
                            </a>
                        </div>
                    </div>
                </form>

                <hr style="border-top: 1px dashed #e2e8f0;" class="my-4">

                {{-- جدول نتائج الفواتير --}}
                @if(isset($invoices) && $invoices->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover text-center table-invoices" width="100%">
                        <thead>
                            <tr>
                                <th width="6%">{{ __('sales.th_invoice_id') }}</th>
                                <th width="12%">{{ __('sales.th_seller') }}</th>
                                <th width="16%" class="text-right pr-3">{{ __('sales.th_customer_name') }}</th>
                                <th width="12%">{{ __('sales.th_date') }}</th>
                                <th width="11%">{{ __('sales.th_tailor') }}</th>
                                <th width="10%">{{ __('sales.th_branch') }}</th>
                                <th width="12%">{{ __('sales.th_total_inc_tax') }}</th>
                                <th width="11%">{{ __('sales.th_payment_method') }}</th>
                                <th width="10%">{{ __('sales.th_actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($invoices as $product)
                            @php
                                $avt = App\Models\Avt::find(1);
                                $saleavt = $avt->AVT ?? 0.15;
                                $totalWithTax = ($product->Price - $product->discount) + (($product->Price - $product->discount) * $saleavt);
                            @endphp
                            <tr>
                                {{-- 1. رقم الفاتورة --}}
                                <td class="font-weight-bold">
                                    <span class="badge badge-light border px-2 py-1" style="font-size: 13px; color: #2563eb;">#{{ $product->id }}</span>
                                </td>

                                {{-- 2. البائع --}}
                                <td class="font-weight-semibold text-dark">
                                    <i class="fa fa-user-circle-o text-muted ml-1"></i>
                                    {{ $product->user->name ?? '---' }}
                                </td>

                                {{-- 3. اسم العميل --}}
                                <td class="text-right pr-3 font-weight-bold text-dark">
                                    {{ $product->customer->name ?? '---' }}
                                </td>

                                {{-- 4. التاريخ --}}
                                <td class="text-muted font-weight-semibold" style="font-size: 12.5px;">
                                    {{ date('Y-m-d', strtotime($product->created_at)) }}
                                </td>

                                {{-- 5. الخياط --}}
                                <td>
                                    <span class="badge badge-light text-secondary border font-weight-bold px-2 py-1">
                                        {{ $product->employee->name_ar ?? "لا يوجد" }}
                                    </span>
                                </td>

                                {{-- 6. الفرع --}}
                                <td class="font-weight-semibold text-secondary">
                                    {{ $product->branch->name ?? '---' }}
                                </td>

                                {{-- 7. الإجمالي شامل الضريبة --}}
                                <td class="font-weight-bold text-dark" style="font-size: 14.5px;">
                                    @if(round($totalWithTax, 2) == 0)
                                        <span class="badge badge-danger">{{ __('home.return') }}</span>
                                    @else
                                        <span class="text-primary">{{ number_format($totalWithTax, 2) }}</span> <small class="text-muted font-weight-normal">ريال</small>
                                    @endif
                                </td>

                                {{-- 8. طريقة الدفع --}}
                                <td>
                                    @if ($product->Pay == 'Cash')
                                        <span class="badge badge-success badge-pay">{{ __('report.cash') }}</span>
                                    @elseif ($product->Pay == 'Shabka')
                                        <span class="badge badge-info badge-pay">{{ __('report.shabka') }}</span>
                                    @elseif ($product->Pay == "Credit")
                                        <span class="badge badge-warning badge-pay text-dark">{{ __('report.credit') }}</span>
                                    @elseif ($product->Pay == "Bank_transfer")
                                        <span class="badge badge-primary badge-pay">{{ __('home.Bank_transfer') }}</span>
                                    @else
                                        <span class="badge badge-secondary badge-pay">{{ __('home.Partition of the amount') }}</span>
                                    @endif

                                    @if($product->Pay == "Partition")
                                        <small class="d-block text-muted mt-1" style="font-size: 11px;">
                                            نقداً: {{ round($totalWithTax - $product->bankamount - $product->Bank_transfer, 2) }} | شبكة: {{ $product->bankamount }}
                                        </small>
                                    @endif
                                </td>

                                {{-- 9. زر الإجراء --}}
                                <td>
                                    <a href="{{ route('invoice.edit_process', $product->id) }}" class="btn-edit-measurements">
                                        <i class="fa fa-pencil"></i>
                                        <span>{{ __('sales.edit_measurements') }}</span>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @elseif(request()->has('invoice_id') || request()->has('invoice_date') || request()->has('customer_id'))
                    {{-- في حال تم البحث ولم تظهر نتائج --}}
                    <div class="alert alert-warning text-center font-weight-bold py-4 my-3" style="border-radius: 10px; border: 1.5px dashed #f59e0b; background-color: #fffbeb;">
                        <i class="fa fa-search-minus fa-2x d-block mb-2 text-warning"></i>
                        <span>{{ __('sales.no_invoices_found') }}</span>
                    </div>
                @else
                    {{-- الإرشاد الأولي قبل بدء البحث --}}
                    <div class="text-center p-5 bg-light rounded" style="border: 1.5px dashed #cbd5e1;">
                        <div class="bg-white rounded-circle d-inline-flex align-items-center justify-content-center shadow-sm mb-3" style="width: 60px; height: 60px;">
                            <i class="fa fa-search fa-2x text-primary"></i>
                        </div>
                        <h6 class="font-weight-bold text-dark mb-1">ابحث عن الفواتير لتعديل المقاسات</h6>
                        <p class="text-muted small mb-0">{{ __('sales.use_search_hint') }}</p>
                    </div>
                @endif

            </div>
        </div>
    </div>
</div>
@endsection