@extends('layouts.master')

@php
    $isEdit = isset($customer);
    $action = $isEdit ? route('customers.update', $customer) : route('customers.store');
    $method = $isEdit ? 'PUT' : 'POST';
@endphp

@section('title', $isEdit ? 'تعديل عميل' : 'إضافة عميل')
@section('pages') {{ __('dashboard.home') }} @endsection

@section('content')
    <div class="container-fluid">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ $action }}" method="POST">
            @csrf @if ($isEdit)
                @method('PUT')
            @endif

            <div class="d-flex align-items-center justify-content-between mb-3 flex-wrap gap-2">
                <h5 class="mb-0">{{ $isEdit ? 'تعديل عميل' : 'إضافة عميل' }}</h5>
                <div class="d-flex gap-2">
                    <button class="btn btn-primary"><i class="fas fa-save mx-2"></i>{{ $isEdit ? 'تحديث' : 'حفظ' }}</button>
                    <a href="{{ route('customers.index') }}" class="btn btn-secondary">رجوع</a>
                </div>
            </div>

            <div class="card p-3">
                <div class="row g-3">

                    <div class="col-md-4">
                        <label class="form-label">الفرع <span class="text-danger">*</span></label>
                        <select name="branch_id" id="branch_id" class="form-select" {{ $isEdit ? 'disabled' : '' }}
                            required>
                            <option value="">— اختر —</option>
                            @foreach ($branches as $b)
                                <option value="{{ $b->id }}" @selected(old('branch_id', $isEdit ? $customer->branch_id : null) == $b->id)>
                                    {{ method_exists($b, 'getTranslation') ? $b->getTranslation('name', app()->getLocale()) : (is_array($b->name) ? $b->name[app()->getLocale()] ?? ($b->name['en'] ?? '') : $b->name) }}
                                </option>
                            @endforeach
                        </select>
                        @if ($isEdit)
                            <input type="hidden" name="branch_id" value="{{ $customer->branch_id }}">
                        @endif
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">كود العميل</label>
                        <input type="text" id="code_preview" class="form-control"
                            value="{{ $isEdit ? $customer->customer_code : '— حدّد الفرع لعرض الكود المقترح —' }}"
                            readonly>
                        <div class="form-text text-muted">الكود يثبت عند الحفظ، ويُولَّد تسلسليًا لكل فرع.</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">اسم العميل <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control"
                            value="{{ old('name', $isEdit ? $customer->name : '') }}" required>
                    </div>

                </div>
            </div>
        </form>
    </div>
@endsection

@section('js')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const branchSel = document.getElementById('branch_id');
            const codePrev = document.getElementById('code_preview');

            function loadPreview() {
                const bid = branchSel?.value;
                if (!bid) {
                    codePrev.value = '— حدّد الفرع لعرض الكود المقترح —';
                    return;
                }
                fetch(`{{ route('customers.predict') }}?branch_id=${bid}`)
                    .then(r => r.json())
                    .then(res => codePrev.value = res.code || '—')
                    .catch(() => codePrev.value = '—');
            }

            branchSel?.addEventListener('change', loadPreview);
            // لو في قيمة جاهزة (رجعنا من فشل تحقق)
            if (branchSel?.value && '{{ $isEdit ? 1 : 0 }}' === '0') loadPreview();
        });
    </script>
@endsection