@extends('layouts.master')

@section('css')
    <link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

    <style>
        @media print {
            /* إخفاء أي شيء يحمل هذا الكلاس عند الطباعة */
            .no-print { display: none !important; }

            /* تحسين مظهر الجدول في الورقة */
            .main-content { margin: 0 !important; padding: 0 !important; width: 100% !important; }
            .card { border: none !important; box-shadow: none !important; }
            .table-bordered th, .table-bordered td { border: 1px solid #000 !important; }
        }
    </style>
@endsection

@section('title')
    {{ __('sales.sales_adjustments_report_non_costly') }}
@endsection

{{-- أضفنا no-print هنا لإخفاء الهيدر الخاص بالصفحة --}}
@section('page-header')
    <div class="breadcrumb-header justify-content-between no-print">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">{{ __('sales.sales_adjustments_report_non_costly') }}</h4>
            </div>
        </div>
    </div>
@endsection

@section('content')

    @if (count($errors) > 0)
        <div class="alert alert-danger no-print">
            <strong>خطأ</strong>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card mg-b-20">
                {{-- أضفنا no-print هنا لإخفاء الفلاتر وأزرار البحث --}}
                <div class="card-header pb-0 no-print">
                    <form action="{{ url('invoice_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('invoice_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">
                    {{-- هذا الجزء سيظهر في الطباعة فقط لأنه يحتوي على d-print-block --}}
                    <div class="print-header text-center mb-4 d-none d-print-block">
                        <h2 style="font-weight: bold;">{{ __('sales.sales_adjustments_report_non_costly') }}</h2>
                        <p>تاريخ التقرير: {{ date('Y-m-d') }}</p>
                        <hr>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-bordered text-center">
                          <thead>
                                <tr class="bg-light">
                                    <th>#</th>
                                    <th>{{ __('sales.sales_invoice_number') }}</th>
                                    <th>{{ __('sales.sales_adjustment_type') }}</th>
                                    <th>{{ __('sales.sales_tailor') }}</th>
                                    <th>{{ __('sales.sales_waste_quantity') }}</th>
                                    <th>{{ __('sales.sales_extra_cost') }}</th>
                                    <th>{{ __('sales.sales_seller') }}</th>
                                    <th>{{ __('sales.sales_date') }}</th>
                                    <th>{{ __('sales.sales_notes') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($edits as $edit)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>#{{ $edit->invoice_id }}</td>
                                    <td>تعديل بسيط</td>
                                    <td>{{ app()->getLocale() === 'ar' ? $edit->tailor->name_ar : $edit->tailor->name_en }}</td>
                                    <td class="text-danger">{{ $edit->waste_quantity }} سم</td>
                                    <td>{{ number_format($edit->additional_cost, 2) }}</td>
                                    <td>{{ $edit->seller->name ?? '---' }}</td>
                                    <td>{{ $edit->created_at->format('Y-m-d') }}</td>
                                    <td><small>{{ $edit->notes }}</small></td>
                                </tr>
                                @empty
                                    <tr class="no-print">
                                    <td colspan="9">{{ __('sales.no_data') }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    @if($edits->isNotEmpty())
                        <div class="text-left mt-3 no-print">
                            <button onclick="window.print()" class="btn btn-success">
                                <i class="fas fa-print"></i> طباعة
                            </button>
                        </div>
                    @endif
                </div>
            </div>
        </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