@extends('layouts.app')

@php $isEdit = $item->exists; @endphp

@section('title', $isEdit ? 'تعديل صنف' : 'إضافة صنف')
@section('page_title', $isEdit ? 'تعديل صنف' : 'إضافة صنف')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('items.index') }}">{{ __('messages.items') }}</a></li>
<li class="breadcrumb-item active">{{ $isEdit ? 'تعديل' : 'إضافة' }}</li>
@endsection

@section('content')
<form action="{{ $isEdit ? route('items.update', $item) : route('items.store') }}" method="POST" id="item-form">
    @csrf @if($isEdit) @method('PUT') @endif

    @if ($errors->any())
        <div class="alert alert-danger">@foreach ($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>
    @endif

    <div class="card card-primary card-tabs">
        <div class="card-header p-0 pt-1">
            <ul class="nav nav-tabs">
                <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#tab-main">البيانات الأساسية</a></li>
                <li class="nav-item"><a class="nav-link"        data-toggle="pill" href="#tab-units">الوحدات والأسعار</a></li>
                <li class="nav-item"><a class="nav-link"        data-toggle="pill" href="#tab-tax">الضرائب وكود ETA</a></li>
            </ul>
        </div>

        <div class="card-body">
            <div class="tab-content">
                {{-- ============== Main ============== --}}
                <div class="tab-pane fade show active" id="tab-main">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <label>{{ __('messages.code') }} <span class="text-danger">*</span></label>
                            <input type="text" name="code" class="form-control" value="{{ old('code', $item->code) }}" required>
                        </div>
                        <div class="col-md-5 form-group">
                            <label>{{ __('messages.name') }} <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" value="{{ old('name', $item->name) }}" required>
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.name_en') }}</label>
                            <input type="text" name="name_en" class="form-control" value="{{ old('name_en', $item->name_en) }}">
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.scientific_name') }}</label>
                            <input type="text" name="scientific_name" class="form-control" value="{{ old('scientific_name', $item->scientific_name) }}">
                        </div>
                        <div class="col-md-2 form-group">
                            <label>{{ __('messages.strength') }}</label>
                            <input type="text" name="strength" class="form-control" value="{{ old('strength', $item->strength) }}" placeholder="500mg">
                        </div>
                        <div class="col-md-3 form-group">
                            <label>{{ __('messages.form') }}</label>
                            <input type="text" name="form" class="form-control" value="{{ old('form', $item->form) }}" placeholder="أقراص / شراب">
                        </div>
                        <div class="col-md-3 form-group">
                            <label>{{ __('messages.drug_type') }} <span class="text-danger">*</span></label>
                            <select name="drug_type" class="form-control" required>
                                @foreach ([
                                    'otc'          => 'بدون وصفة',
                                    'prescription' => 'بوصفة',
                                    'controlled'   => 'مقيّد',
                                    'narcotic'     => 'مخدر',
                                    'cosmetic'     => 'تجميل',
                                    'supplement'   => 'مكمل',
                                    'other'        => 'أخرى',
                                ] as $k => $v)
                                    <option value="{{ $k }}" {{ old('drug_type', $item->drug_type ?: 'otc') === $k ? 'selected' : '' }}>{{ $v }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.item_categories') }}</label>
                            <select name="category_id" class="form-control select2">
                                <option value="">— بدون —</option>
                                @foreach ($categories as $c)
                                    <option value="{{ $c->id }}" {{ old('category_id', $item->category_id) == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.manufacturers') }}</label>
                            <select name="manufacturer_id" class="form-control select2">
                                <option value="">— بدون —</option>
                                @foreach ($manufacturers as $m)
                                    <option value="{{ $m->id }}" {{ old('manufacturer_id', $item->manufacturer_id) == $m->id ? 'selected' : '' }}>{{ $m->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 form-group">
                            <label>وحدة المخزون الأساسية <span class="text-danger">*</span></label>
                            <select name="base_unit_id" class="form-control select2" required>
                                <option value="">— اختر —</option>
                                @foreach ($units as $u)
                                    <option value="{{ $u->id }}" {{ old('base_unit_id', $item->base_unit_id) == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="form-check mt-4">
                                <input type="hidden" name="is_chronic" value="0">
                                <input type="checkbox" id="is_chronic" name="is_chronic" value="1" class="form-check-input" {{ old('is_chronic', $item->is_chronic) ? 'checked' : '' }}>
                                <label for="is_chronic" class="form-check-label">دواء مزمن</label>
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-check mt-4">
                                <input type="hidden" name="is_cold_chain" value="0">
                                <input type="checkbox" id="is_cold_chain" name="is_cold_chain" value="1" class="form-check-input" {{ old('is_cold_chain', $item->is_cold_chain) ? 'checked' : '' }}>
                                <label for="is_cold_chain" class="form-check-label">يحتاج تبريد</label>
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-check mt-4">
                                <input type="hidden" name="allow_negative_stock" value="0">
                                <input type="checkbox" id="allow_negative_stock" name="allow_negative_stock" value="1" class="form-check-input" {{ old('allow_negative_stock', $item->allow_negative_stock) ? 'checked' : '' }}>
                                <label for="allow_negative_stock" class="form-check-label">السماح برصيد سالب</label>
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-check mt-4">
                                <input type="hidden" name="is_active" value="0">
                                <input type="checkbox" id="is_active" name="is_active" value="1" class="form-check-input" {{ old('is_active', $isEdit ? $item->is_active : true) ? 'checked' : '' }}>
                                <label for="is_active" class="form-check-label">{{ __('messages.active') }}</label>
                            </div>
                        </div>

                        <div class="col-12 form-group">
                            <label>{{ __('messages.notes') }}</label>
                            <textarea name="notes" class="form-control" rows="2">{{ old('notes', $item->notes) }}</textarea>
                        </div>
                    </div>
                </div>

                {{-- ============== Units ============== --}}
                <div class="tab-pane fade" id="tab-units">
                    <div class="alert alert-info">
                        أضف كل الوحدات اللى الصنف بيتباع/بيتشرى بيها (علبة، شريط، قرص …) ومعامل التحويل لوحدة المخزون الأساسية.
                        مثلاً: 1 علبة = 100 قرص → الـ factor للعلبة = 100 لو وحدة المخزون "قرص".
                    </div>

                    <table class="table table-bordered" id="units-table">
                        <thead>
                            <tr>
                                <th width="20%">الوحدة</th>
                                <th width="12%">معامل التحويل</th>
                                <th width="15%">الباركود</th>
                                <th width="14%">سعر التكلفة</th>
                                <th width="14%">سعر البيع</th>
                                <th width="9%">بيع افتراضى</th>
                                <th width="9%">شراء افتراضى</th>
                                <th width="7%"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $existing = old('units', $isEdit ? $item->units->map(fn($u) => [
                                    'unit_id' => $u->unit_id,
                                    'conversion_factor' => $u->conversion_factor,
                                    'barcode' => $u->barcode,
                                    'cost_price' => $u->cost_price,
                                    'selling_price' => $u->selling_price,
                                    'is_default_sell' => $u->is_default_sell,
                                    'is_default_purchase' => $u->is_default_purchase,
                                ])->toArray() : [['unit_id' => '', 'conversion_factor' => 1]]);
                            @endphp
                            @foreach ($existing as $i => $u)
                            <tr>
                                <td>
                                    <select name="units[{{ $i }}][unit_id]" class="form-control" required>
                                        <option value="">— اختر —</option>
                                        @foreach ($units as $unitOpt)
                                            <option value="{{ $unitOpt->id }}" {{ ($u['unit_id'] ?? null) == $unitOpt->id ? 'selected' : '' }}>{{ $unitOpt->name }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td><input type="number" step="0.000001" min="0.000001" name="units[{{ $i }}][conversion_factor]" class="form-control" value="{{ $u['conversion_factor'] ?? 1 }}" required></td>
                                <td><input type="text" name="units[{{ $i }}][barcode]" class="form-control" value="{{ $u['barcode'] ?? '' }}"></td>
                                <td><input type="number" step="0.00001" min="0" name="units[{{ $i }}][cost_price]" class="form-control" value="{{ $u['cost_price'] ?? '' }}"></td>
                                <td><input type="number" step="0.00001" min="0" name="units[{{ $i }}][selling_price]" class="form-control" value="{{ $u['selling_price'] ?? '' }}"></td>
                                <td class="text-center"><input type="radio" name="default_sell_idx" value="{{ $i }}" {{ !empty($u['is_default_sell']) ? 'checked' : '' }} onchange="setDefaultSell(this)"></td>
                                <td class="text-center"><input type="radio" name="default_pur_idx"  value="{{ $i }}" {{ !empty($u['is_default_purchase']) ? 'checked' : '' }} onchange="setDefaultPur(this)"></td>
                                <td class="text-center"><button type="button" class="btn btn-sm btn-danger" onclick="removeUnitRow(this)"><i class="fas fa-times"></i></button></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <button type="button" class="btn btn-success btn-sm" onclick="addUnitRow()"><i class="fas fa-plus"></i> إضافة وحدة</button>

                    {{-- hidden fields لـ is_default_sell/is_default_purchase --}}
                    <template id="hidden-defaults"></template>
                </div>

                {{-- ============== Tax/ETA ============== --}}
                <div class="tab-pane fade" id="tab-tax">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <label>نوع كود ETA</label>
                            <select name="eta_item_type" class="form-control">
                                <option value="EGS" {{ old('eta_item_type', $item->eta_item_type ?: 'EGS') === 'EGS' ? 'selected' : '' }}>EGS (محلى)</option>
                                <option value="GS1" {{ old('eta_item_type', $item->eta_item_type) === 'GS1' ? 'selected' : '' }}>GS1 (دولى)</option>
                            </select>
                        </div>
                        <div class="col-md-4 form-group">
                            <label>كود الصنف فى ETA</label>
                            <input type="text" name="eta_item_code" class="form-control" value="{{ old('eta_item_code', $item->eta_item_code) }}">
                        </div>
                        <div class="col-md-2 form-group">
                            <label>نسبة الضريبة %</label>
                            <input type="number" step="0.0001" min="0" max="100" name="default_tax_rate" class="form-control" value="{{ old('default_tax_rate', $item->default_tax_rate ?: 14) }}">
                        </div>
                        <div class="col-md-2 form-group">
                            <label>نوع الضريبة</label>
                            <input type="text" name="default_tax_type" class="form-control" value="{{ old('default_tax_type', $item->default_tax_type ?: 'T1') }}">
                        </div>
                        <div class="col-md-2 form-group">
                            <label>النوع الفرعى</label>
                            <input type="text" name="default_tax_subtype" class="form-control" value="{{ old('default_tax_subtype', $item->default_tax_subtype) }}">
                        </div>

                        <div class="col-md-3 form-group">
                            <label>سعر بيع افتراضى</label>
                            <input type="number" step="0.00001" min="0" name="default_selling_price" class="form-control" value="{{ old('default_selling_price', $item->default_selling_price) }}">
                        </div>
                        <div class="col-md-3 form-group">
                            <label>سعر تكلفة افتراضى</label>
                            <input type="number" step="0.00001" min="0" name="default_cost_price" class="form-control" value="{{ old('default_cost_price', $item->default_cost_price) }}">
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="card-footer">
            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> {{ __('messages.save') }}</button>
            <a href="{{ route('items.index') }}" class="btn btn-secondary">{{ __('messages.cancel') }}</a>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
let unitRowIdx = {{ count($existing ?? []) }};
const unitOptions = `@foreach ($units as $u)<option value="{{ $u->id }}">{{ $u->name }}</option>@endforeach`;

function addUnitRow() {
    const i = unitRowIdx++;
    const tr = document.createElement('tr');
    tr.innerHTML = `
        <td><select name="units[${i}][unit_id]" class="form-control" required><option value="">— اختر —</option>${unitOptions}</select></td>
        <td><input type="number" step="0.000001" min="0.000001" name="units[${i}][conversion_factor]" class="form-control" value="1" required></td>
        <td><input type="text" name="units[${i}][barcode]" class="form-control"></td>
        <td><input type="number" step="0.00001" min="0" name="units[${i}][cost_price]" class="form-control"></td>
        <td><input type="number" step="0.00001" min="0" name="units[${i}][selling_price]" class="form-control"></td>
        <td class="text-center"><input type="radio" name="default_sell_idx" value="${i}" onchange="setDefaultSell(this)"></td>
        <td class="text-center"><input type="radio" name="default_pur_idx"  value="${i}" onchange="setDefaultPur(this)"></td>
        <td class="text-center"><button type="button" class="btn btn-sm btn-danger" onclick="removeUnitRow(this)"><i class="fas fa-times"></i></button></td>`;
    document.querySelector('#units-table tbody').appendChild(tr);
}

function removeUnitRow(btn) {
    btn.closest('tr').remove();
}

// قبل ال submit نحوّل الـ radios إلى hidden inputs بأسماء المصفوفة الصحيحة
document.getElementById('item-form').addEventListener('submit', function () {
    const sell = document.querySelector('input[name="default_sell_idx"]:checked')?.value;
    const pur  = document.querySelector('input[name="default_pur_idx"]:checked')?.value;
    document.querySelectorAll('input[type="hidden"][data-default]').forEach(el => el.remove());
    document.querySelectorAll('#units-table tbody tr').forEach((row, idx) => {
        const sellInp = document.createElement('input');
        sellInp.type = 'hidden'; sellInp.dataset.default = '1';
        sellInp.name  = `units[${idx}][is_default_sell]`;
        sellInp.value = (String(idx) === sell) ? '1' : '0';
        row.appendChild(sellInp);

        const purInp = document.createElement('input');
        purInp.type = 'hidden'; purInp.dataset.default = '1';
        purInp.name  = `units[${idx}][is_default_purchase]`;
        purInp.value = (String(idx) === pur) ? '1' : '0';
        row.appendChild(purInp);
    });
});

function setDefaultSell() {} function setDefaultPur() {}
</script>
@endpush