@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; } }
    </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('products_waste_report') }}" method="GET">
                <div class="row row-sm">
                    <div class="col-lg-4">
                        <label>المنتج / الصنف</label>
                        <select name="product_id" class="form-control select2">
                            <option value="">اختر المنتج للبحث</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>من تاريخ</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>إلى تاريخ</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">
                        <button type="submit" class="btn btn-primary btn-block">بحث</button>
                        <a href="{{ url('products_waste_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-striped">
                    <thead>
                        <tr class="bg-danger-gradient text-white">
                            <th>#</th>
                            <th>اسم المنتج</th>
                            <th>رقم الفاتورة</th>
                            <th>الخياط</th>
                            <th>الكمية المستهلكة</th>
                            <th>سعر الوحدة</th>
                            <th>إجمالي القيمة</th>
                            <th>التاريخ</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">لا توجد بيانات، حدد المنتج والفترة للبحث</td></tr>
                        @endforelse
                    </tbody>
                    @if($wasteItems->isNotEmpty())
                    <tfoot class="bg-light">
                        <tr class="font-weight-bold">
                            <td colspan="4">إجمالي الهالك من هذا الصنف</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">طباعة التقرير</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