@php $customer = $customer ?? null; @endphp

<div class="row g-3">
    <div class="col-12"><div class="form-section-title"><i class="fa-solid fa-id-card"></i>البيانات الأساسية</div></div>

    <div class="col-md-4">
        <label class="form-label">نوع العميل <span class="req">*</span></label>
        <select name="type" id="customerType" class="form-select" required>
            @foreach ($types as $k => $v)
                <option value="{{ $k }}" @selected(old('type', $customer?->type ?? 'individual') === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4">
        <label class="form-label">الاسم / الشخص المسؤول <span class="req">*</span></label>
        <input type="text" name="name" value="{{ old('name', $customer?->name) }}" class="form-control" required>
    </div>

    <div class="col-md-4" id="companyNameWrap">
        <label class="form-label">اسم الشركة <span class="req">*</span></label>
        <input type="text" name="company_name" value="{{ old('company_name', $customer?->company_name) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">رقم الجوال <span class="req">*</span></label>
        <input type="text" name="phone" value="{{ old('phone', $customer?->phone) }}" class="form-control" required>
    </div>

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

    <div class="col-md-4">
        <label class="form-label">رقم الواتساب</label>
        <input type="text" name="whatsapp" value="{{ old('whatsapp', $customer?->whatsapp) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">البريد الإلكتروني</label>
        <input type="email" name="email" value="{{ old('email', $customer?->email) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">رقم الهوية / السجل التجاري</label>
        <input type="text" name="identity_number" value="{{ old('identity_number', $customer?->identity_number) }}" class="form-control">
    </div>

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

    <div class="col-12 mt-4"><div class="form-section-title"><i class="fa-solid fa-location-dot"></i>العنوان والمتابعة</div></div>

    <div class="col-md-4">
        <label class="form-label">المدينة</label>
        <input type="text" name="city" value="{{ old('city', $customer?->city) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">المصدر</label>
        <select name="source" class="form-select select2" data-placeholder="اختر المصدر">
            <option value="">— غير محدد —</option>
            @foreach ($sources as $k => $v)
                <option value="{{ $k }}" @selected(old('source', $customer?->source) === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4">
        <label class="form-label">الموظف المسؤول</label>
        <select name="assigned_to" class="form-select select2" data-placeholder="اختر الموظف">
            <option value="">— غير مُسند —</option>
            @foreach ($users as $k => $v)
                <option value="{{ $k }}" @selected((int) old('assigned_to', $customer?->assigned_to ?? auth()->id()) === (int) $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4">
        <label class="form-label">الحد الائتماني</label>
        <div class="input-group">
            <input type="number" step="0.01" min="0" name="credit_limit" value="{{ old('credit_limit', $customer?->credit_limit ?? 0) }}" class="form-control">
            <span class="input-group-text">{{ setting('currency', 'ر.س') }}</span>
        </div>
    </div>

    <div class="col-md-4">
        <label class="form-label">الحالة <span class="req">*</span></label>
        <select name="status" class="form-select" required>
            @foreach ($statuses as $k => $v)
                <option value="{{ $k }}" @selected(old('status', $customer?->status ?? 'active') === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-12">
        <label class="form-label">العنوان التفصيلي</label>
        <textarea name="address" class="form-control" rows="2">{{ old('address', $customer?->address) }}</textarea>
    </div>

    <div class="col-12">
        <label class="form-label">ملاحظات</label>
        <textarea name="notes" class="form-control" rows="2">{{ old('notes', $customer?->notes) }}</textarea>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk ms-2"></i>حفظ</button>
    <a href="{{ route('customers.index') }}" class="btn btn-light">إلغاء</a>
</div>

@push('scripts')
<script>
$(function () {
    function toggleCompany() {
        $('#companyNameWrap').toggle($('#customerType').val() === 'company');
    }
    $('#customerType').on('change', toggleCompany);
    toggleCompany();
});
</script>
@endpush