@extends('layouts.app')

@section('title', 'إضافة مرتجع بيع')
@section('page_title', 'إضافة مرتجع بيع')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('sale_returns.index') }}">{{ __('messages.sale_returns') }}</a></li>
<li class="breadcrumb-item active">إضافة</li>
@endsection

@section('content')
<form action="{{ route('sale_returns.store') }}" method="POST">
    @csrf
    @if ($errors->any())<div class="alert alert-danger">@foreach ($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>@endif

    @if (!$sale)
    <div class="card">
        <div class="card-body">
            <p>اختر الفاتورة المراد إرجاع بنود منها:</p>
            <form method="GET" class="form-inline">
                <input type="number" name="sale_id" class="form-control mr-2" placeholder="رقم الـ Sale ID" required>
                <button class="btn btn-primary">عرض</button>
            </form>
            <small class="text-muted d-block mt-2">يمكنك أيضاً الدخول من <a href="{{ route('sales.index') }}">صفحة المبيعات</a> ثم الفاتورة.</small>
        </div>
    </div>
    @else

    <input type="hidden" name="sale_id"     value="{{ $sale->id }}">
    <input type="hidden" name="pharmacy_id" value="{{ $sale->pharmacy_id }}">
    <input type="hidden" name="customer_id" value="{{ $sale->customer_id }}">

    <div class="card">
        <div class="card-header"><h5 class="m-0">مرتجع للفاتورة {{ $sale->reference }}</h5></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3 form-group"><label>تاريخ الإرجاع</label>
                    <input type="datetime-local" name="return_date" class="form-control" value="{{ now()->format('Y-m-d\TH:i') }}" required></div>
                <div class="col-md-3 form-group"><label>السبب</label>
                    <select name="reason" class="form-control">
                        @foreach (['damaged' => 'تالف', 'expired' => 'منتهى الصلاحية', 'wrong_item' => 'صنف خطأ', 'customer_change' => 'العميل غيّر رأيه', 'other' => 'أخرى'] as $k => $v)
                            <option value="{{ $k }}">{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 form-group"><label>طريقة الاسترداد</label>
                    <select name="refund_method" class="form-control">
                        @foreach (['cash' => 'نقدى', 'card' => 'كارت', 'bank_transfer' => 'تحويل', 'credit_note' => 'إشعار خصم على الحساب', 'wallet' => 'محفظة', 'other' => 'أخرى'] as $k => $v)
                            <option value="{{ $k }}">{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 form-group"><label>{{ __('messages.notes') }}</label>
                    <input type="text" name="notes" class="form-control"></div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h5 class="m-0">البنود (اختر اللى هترجع وعدّل الكمية)</h5></div>
        <div class="card-body p-0">
            <table class="table table-bordered m-0">
                <thead class="thead-light">
                    <tr>
                        <th width="3%"><input type="checkbox" id="check-all"></th>
                        <th>الصنف</th><th>الوحدة</th>
                        <th width="10%">الكمية الأصلية</th>
                        <th width="12%">كمية المرتجع</th>
                        <th width="10%">سعر الوحدة</th>
                        <th width="9%">يُرجع للمخزون</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($sale->lines as $i => $l)
                <tr>
                    <td><input type="checkbox" class="row-check" data-idx="{{ $i }}"></td>
                    <td>
                        <strong>{{ $l->item->name }}</strong> <small class="text-muted">{{ $l->item->code }}</small>
                        <input type="hidden" disabled name="lines[{{ $i }}][sale_line_id]" value="{{ $l->id }}">
                        <input type="hidden" disabled name="lines[{{ $i }}][item_id]"      value="{{ $l->item_id }}">
                        <input type="hidden" disabled name="lines[{{ $i }}][unit_id]"      value="{{ $l->unit_id }}">
                        <input type="hidden" disabled name="lines[{{ $i }}][batch_id]"     value="{{ $l->batch_id }}">
                    </td>
                    <td>{{ $l->unit->name }}</td>
                    <td>{{ $l->quantity_in_unit }}</td>
                    <td><input type="number" disabled step="0.001" min="0" max="{{ $l->quantity_in_unit }}" name="lines[{{ $i }}][quantity]" class="form-control form-control-sm" value="{{ $l->quantity_in_unit }}"></td>
                    <td><input type="number" disabled step="0.01" name="lines[{{ $i }}][unit_price]" class="form-control form-control-sm" value="{{ $l->unit_price }}"></td>
                    <td class="text-center">
                        <input type="hidden" disabled name="lines[{{ $i }}][restock]" value="0">
                        <input type="checkbox" disabled name="lines[{{ $i }}][restock]" value="1" checked data-restock>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer">
            <button type="submit" name="confirm" value="0" class="btn btn-primary"><i class="fas fa-save"></i> حفظ كمسوّدة</button>
            <button type="submit" name="confirm" value="1" class="btn btn-success"><i class="fas fa-check"></i> حفظ وتأكيد (إرجاع للمخزون)</button>
            <a href="{{ route('sales.show', $sale) }}" class="btn btn-secondary">إلغاء</a>
        </div>
    </div>
    @endif
</form>
@endsection

@push('scripts')
<script>
$('#check-all').on('change', function () {
    $('.row-check').prop('checked', this.checked).trigger('change');
});

$(document).on('change', '.row-check', function () {
    const $tr = $(this).closest('tr');
    const enabled = this.checked;
    $tr.find('input[name^="lines["], select[name^="lines["]').each(function () { this.disabled = !enabled; });
});
</script>
@endpush