@extends('layouts.master')

@section('css')
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
    <style>
        @media print { .no-print { display: none !important; } }
        .item-row { background-color: #f9f9f9; font-size: 0.9em; }
    </style>
@endsection

@section('page-header')
    <div class="breadcrumb-header justify-content-between no-print">
        <div class="my-auto">
            <h4 class="content-title mb-0 my-auto">تقرير التعديلات المكلفة (قطع غيار/أصناف)</h4>
        </div>
    </div>
@endsection

@section('content')
    <div class="card mg-b-20">
        <div class="card-header pb-0 no-print">
            <form action="{{ route('costly_edits_report') }}" method="GET" autocomplete="off">
               <div class="row row-sm">
                            <div class="col-lg-3">
                                <label class="form-label">{{ __('report.fromdate') }}</label>
                                <input class="form-control fc-datepicker" value="{{ request('start_at') }}" name="start_at" placeholder="YYYY-MM-DD" type="text">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">{{ __('report.todate') }}</label>
                                <input class="form-control fc-datepicker" value="{{ request('end_at') }}" name="end_at" placeholder="YYYY-MM-DD" type="text">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">{{ __('sales.sales_tailor') }}</label>
                                <select name="tailor_id" class="form-control select2">
                                    <option value="">{{ __('sales.sales_all_tailors') }}</option>
                                    @foreach($tailors as $tailor)
                                        <option value="{{ $tailor->id }}" {{ request('tailor_id') == $tailor->id ? 'selected' : '' }}>
                                            {{ app()->getLocale() === 'ar' ? $tailor->name_ar : $tailor->name_en }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                          <div class="col-lg-3 d-flex align-items-end gap-5" style="margin-top: 30px;">
                                <button type="submit" class="btn btn-primary-gradient flex-fill">
                                    <i class="las la-search"></i> {{ __('home.search') }}
                                </button>

                                <a href="{{ url('costly_edits_report') }}" class="btn btn-secondary flex-fill text-center">
                                    <i class="fas fa-sync-alt"></i>
                                </a>
                            </div>
                        </div>

            </form>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered text-center table-hover shadow-sm">
                        <thead>
                            <tr class="bg-primary-gradient text-white">
                                <th class="border-bottom-0">#</th>
                                <th class="border-bottom-0">رقم الفاتورة</th>
                                <th class="border-bottom-0">الخياط المسؤول</th>
                                <th class="border-bottom-0">تاريخ التعديل</th>
                                <th class="border-bottom-0">تفاصيل الأصناف المستهلكة (الهالك)</th>
                                <th class="border-bottom-0">إجمالي خسارة المحل</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($edits as $edit)
                                <tr>
                                    <td class="align-middle">{{ $loop->iteration }}</td>
                                    <td class="align-middle text-info font-weight-bold">#{{ $edit->invoice_id }}</td>
                                    <td class="align-middle">{{ $edit->tailor->name_ar }}</td>
                                    <td class="align-middle">{{ $edit->created_at->format('Y-m-d') }}</td>
                                    <td class="p-0 align-middle">
                                        {{-- عرض تفصيلي للأصناف التي خرجت من المخزون --}}
                                        <table class="table mb-0 table-sm table-striped">
                                            <thead class="bg-light">
                                                <tr>
                                                    <th>اسم الصنف</th>
                                                    <th>الكمية الهالكة</th>
                                                    <th>سعر الوحدة</th>
                                                    <th>الإجمالي</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($edit->items as $item)
                                                    <tr>
                                                        <td>{{ $item->product->product_name }}</td>
                                                        <td class="text-danger font-weight-bold">{{ $item->quantity }}</td>
                                                        <td>{{ number_format($item->price, 2) }}</td>
                                                        <td>{{ number_format($item->subtotal, 2) }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class="align-middle font-weight-bold text-danger" style="font-size: 1.1em;">
                                        {{-- الإجمالي النهائي لعملية التعديل الواحدة --}}
                                        @php
                                            $total_edit_cost = $edit->items->sum(fn($i) => $i->subtotal);
                                        @endphp
                                        {{ number_format($total_edit_cost, 2) }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="py-5 text-muted">
                                        <i class="fas fa-box-open d-block mb-3 fa-3x"></i>
                                        لا توجد تعديلات مكلفة (هالك مخزني) ضمن محددات البحث
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>

                        @if($edits->isNotEmpty())
                        <tfoot>
                            <tr class="bg-dark text-white font-weight-bold">
                                <td colspan="4" class="text-right">إجمالي الهالك والخسائر لكافة الفواتير المختارة</td>
                                <td class="text-warning">
                                    إجمالي الكميات: {{ $edits->sum(fn($e) => $e->items->sum('quantity')) }} قطعة
                                </td>
                                <td class="bg-danger text-white">
                                    {{-- إجمالي الفلوس النهائي --}}
                                    {{ number_format($edits->sum(fn($e) => $e->items->sum('subtotal')), 2) }}
                                </td>
                            </tr>
                        </tfoot>
                        @endif
                    </table>
            </div>

            @if($edits->isNotEmpty())
                <button onclick="window.print()" class="btn btn-success mt-3 no-print">طباعة التقرير
                    <i class="fas fa-print"></i>

                </button>

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

@section('js')
    <script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.fc-datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
        });
    </script>
@endsection