@csrf
<div class="row g-3">

    {{-- === قسم البيانات الأساسية === --}}
    <div class="col-12"><h6 class="fw-bold text-primary border-bottom pb-2 mb-0">البيانات الأساسية</h6></div>

    <div class="col-md-6">
        <label class="form-label" for="name_ar">الاسم <span class="text-danger">*</span></label>
        <input type="text" name="name_ar" id="name_ar"
               class="form-control @error('name_ar') is-invalid @enderror"
               value="{{ old('name_ar', $customer->name_ar ?? '') }}" placeholder="الاسم الكامل للعميل" required>
        @error('name_ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-3">
        <label class="form-label" for="type">نوع الشخصية <span class="text-danger">*</span></label>
        <select name="type" id="type" class="form-select @error('type') is-invalid @enderror" required>
            <option value="">-- اختر --</option>
            @foreach(\App\Models\Customer::TYPES as $val => $lbl)
                <option value="{{ $val }}" @selected(old('type', $customer->type ?? '') === $val)>{{ $lbl }}</option>
            @endforeach
        </select>
        @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-3">
        <label class="form-label" for="customer_type">فئة العميل <span class="text-danger">*</span></label>
        <select name="customer_type" id="customer_type" class="form-select @error('customer_type') is-invalid @enderror" required>
            <option value="">-- اختر --</option>
            @foreach(\App\Models\Customer::CUSTOMER_TYPES as $val => $lbl)
                <option value="{{ $val }}" @selected(old('customer_type', $customer->customer_type ?? '') === $val)>{{ $lbl }}</option>
            @endforeach
        </select>
        @error('customer_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
        <small class="text-muted">يحدد الفئة التسعيرية للألواح.</small>
    </div>

    <div class="col-md-6">
        <label class="form-label" for="contact_person_ar">جهة الاتصال</label>
        <input type="text" name="contact_person_ar" id="contact_person_ar" class="form-control"
               value="{{ old('contact_person_ar', $customer->contact_person_ar ?? '') }}"
               placeholder="اسم المسؤول عن الشراء">
    </div>

    <div class="col-md-3">
        <label class="form-label" for="phone">الموبايل</label>
        <input type="text" name="phone" id="phone"
               class="form-control @error('phone') is-invalid @enderror"
               value="{{ old('phone', $customer->phone ?? '') }}" placeholder="01xxxxxxxxx">
        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-3">
        <label class="form-label" for="alternative_phone">رقم إضافي</label>
        <input type="text" name="alternative_phone" id="alternative_phone" class="form-control"
               value="{{ old('alternative_phone', $customer->alternative_phone ?? '') }}">
    </div>

    {{-- === قسم البيانات التجارية === --}}
    <div class="col-12 mt-2"><h6 class="fw-bold text-primary border-bottom pb-2 mb-0">البيانات التجارية والجغرافية</h6></div>

    <div class="col-md-6">
        <label class="form-label" for="email">البريد الإلكتروني</label>
        <input type="email" name="email" id="email" class="form-control"
               value="{{ old('email', $customer->email ?? '') }}" placeholder="example@company.com">
    </div>

    <div class="col-md-3">
        <label class="form-label" for="tax_number">الرقم الضريبي</label>
        <input type="text" name="tax_number" id="tax_number" class="form-control"
               value="{{ old('tax_number', $customer->tax_number ?? '') }}">
    </div>

    <div class="col-md-3">
        <label class="form-label" for="commercial_register">السجل التجاري</label>
        <input type="text" name="commercial_register" id="commercial_register" class="form-control"
               value="{{ old('commercial_register', $customer->commercial_register ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label" for="address_ar">العنوان</label>
        <input type="text" name="address_ar" id="address_ar" class="form-control"
               value="{{ old('address_ar', $customer->address_ar ?? '') }}" placeholder="الشارع، المنطقة">
    </div>

    <div class="col-md-6">
        <label class="form-label" for="city_ar">المدينة</label>
        <input type="text" name="city_ar" id="city_ar" class="form-control"
               value="{{ old('city_ar', $customer->city_ar ?? '') }}" placeholder="القاهرة، الإسكندرية...">
    </div>

    {{-- === قسم الإعدادات المالية === --}}
    <div class="col-12 mt-2"><h6 class="fw-bold text-primary border-bottom pb-2 mb-0">الإعدادات المالية</h6></div>

    <div class="col-md-4">
        <label class="form-label" for="credit_limit">الحد الائتماني (ج.م)</label>
        <div class="input-group">
            <input type="number" step="0.01" min="0" name="credit_limit" id="credit_limit"
                   class="form-control @error('credit_limit') is-invalid @enderror"
                   value="{{ old('credit_limit', $customer->credit_limit ?? '0') }}">
            <span class="input-group-text">ج.م</span>
        </div>
        @error('credit_limit')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
        <small class="text-muted">الحد الأقصى للمديونية المسموح بها.</small>
    </div>

    <div class="col-md-4">
        <label class="form-label" for="opening_balance">الرصيد الافتتاحي</label>
        <div class="input-group">
            <input type="number" step="0.01" min="0" name="opening_balance" id="opening_balance"
                   class="form-control @error('opening_balance') is-invalid @enderror"
                   value="{{ old('opening_balance', $customer->opening_balance ?? '0') }}">
            <span class="input-group-text">ج.م</span>
        </div>
        @error('opening_balance')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4">
        <label class="form-label" for="opening_balance_side">جانب الرصيد الافتتاحي</label>
        <select name="opening_balance_side" id="opening_balance_side" class="form-select">
            <option value="debit"  @selected(old('opening_balance_side', $customer->opening_balance_side ?? 'debit') === 'debit')>
                مدين (علينا للعميل)
            </option>
            <option value="credit" @selected(old('opening_balance_side', $customer->opening_balance_side ?? 'debit') === 'credit')>
                دائن (للعميل علينا)
            </option>
        </select>
    </div>

    <div class="col-12">
        <label class="form-label" for="notes_ar">ملاحظات</label>
        <textarea name="notes_ar" id="notes_ar" rows="3" class="form-control"
                  placeholder="ملاحظات خاصة بالعميل (تفضيلات الألواح، شروط التسليم، ...)">{{ old('notes_ar', $customer->notes_ar ?? '') }}</textarea>
    </div>

    <div class="col-12">
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                   @checked(old('is_active', $customer->is_active ?? true))>
            <label class="form-check-label" for="is_active">تفعيل العميل</label>
        </div>
        <small class="text-muted">عند التعطيل لن يظهر في قوائم اختيار العملاء.</small>
    </div>
</div>

<div class="d-flex flex-wrap gap-2 mt-4">
    <button type="submit" class="btn btn-primary">
        <i class="ti ti-device-floppy me-1"></i>{{ isset($customer) ? 'حفظ التعديلات' : 'حفظ العميل' }}
    </button>
    <a href="{{ route('admin.customers.index') }}" class="btn btn-light">
        <i class="ti ti-x me-1"></i>إلغاء
    </a>
</div>