@extends('layouts.master')

@section('title')
{{ __('sales.products_waste_report') }}
@stop

@section('css')
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
    <style>
        @media print { .no-print { display: none !important; }

                .navbar, .main-header, .header, .topbar {
                    display: none !important;
                }

                /* لو اللوجو أو القائمة الجانبية لسه ظاهرة، بنخفيهم كمان */
                .main-sidebar, .sidebar, .logo {
                    display: none !important;
                }

                /* تأكيد إخفاء الأزرار */
                .d-print-none, .btn {
                    display: none !important;
                }


    }
    </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">{{ __('home.product_consumption_report') }}</h4>
        </div>
    </div>
@endsection

@section('content')
    <div class="card mg-b-20">
        <div class="card-header pb-0 no-print">
            <form action="{{ route('products_waste_report') }}" method="GET">
                <div class="row row-sm">
              <div class="col-lg-4">
                        <label>{{ __('home.product_item') }}</label>
                        <select name="product_id" class="form-control select2">
                            <option value="">{{ __('home.choose_product_search') }}</option>
                            @foreach($products as $product)
                                <option value="{{ $product->id }}" {{ request('product_id') == $product->id ? 'selected' : '' }}>
                                    {{ $product->product_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-3">
                        <label> {{ __('home.from_date') }}</label>
                        <input class="form-control fc-datepicker" value="{{ request('start_at') }}" name="start_at" type="text" placeholder="YYYY-MM-DD">
                    </div>
                    <div class="col-lg-3">
                        <label> {{ __('home.to_date') }}</label>
                        <input class="form-control fc-datepicker" value="{{ request('end_at') }}" name="end_at" type="text" placeholder="YYYY-MM-DD">
                    </div>
                  <div class="col-lg-2 mt-4">
                        <div class="d-flex align-items-center">
                            <button type="submit" class="btn btn-primary flex-grow-1 me-2">{{ __('home.search') }}</button>

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

        <div class="card-body">
            <div class="table-responsive">
        <table class="table table-bordered text-center table-striped">
                <thead>
                    <tr class="bg-danger-gradient text-white">
                        <th>{{ __('home.serial_no') }}</th>
                        <th>{{ __('home.product') }}</th>
                        <th>{{ __('home.invoice_number') }}</th>
                        <th>{{ __('home.tailor') }}</th>
                        <th>{{ __('home.consumed_quantity') }}</th>
                        <th>{{ __('home.unit_price') }}</th>
                        <th>{{ __('home.total_value') }}</th>
                        <th>{{ __('home.date') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($wasteItems as $item)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td class="font-weight-bold">{{ $item->product->product_name }}</td>
                            <td>#{{ $item->edit->invoice_id }}</td>
                            <td>{{ $item->edit->tailor->name_ar }}</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>
                            <td>{{ $item->created_at->format('Y-m-d') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="py-4 text-muted">{{ __('home.no_data_found') }}</td>
                        </tr>
                    @endforelse
                </tbody>
                @if($wasteItems->isNotEmpty())
                <tfoot class="bg-light">
                    <tr class="font-weight-bold">
                        <td colspan="4">{{ __('home.total_waste_for_item') }}</td>
                        <td class="text-danger">{{ $wasteItems->sum('quantity') }}</td>
                        <td>---</td>
                        <td class="text-primary">{{ number_format($wasteItems->sum('subtotal'), 2) }}</td>
                        <td>---</td>
                    </tr>
                </tfoot>
                @endif
            </table>
            </div>
            @if($wasteItems->isNotEmpty())
                <button onclick="window.print()" class="btn btn-success mt-3 no-print">{{ __('home.print_report') }}</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