@php
    $isEdit = $customer->exists;
    $action = $isEdit ? route('admin.customers.update', $customer) : route('admin.customers.store');
    $code   = $customer->code ?? ($next_code ?? '');
@endphp

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

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

    <div class="card card-tabs">
        <div class="card-header p-0 pt-1">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#tab-basic">أساسي</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-address">العنوان</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-business">شركة</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-financial">مالي</a></li>
            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content">

                {{-- Basic --}}
                <div class="tab-pane fade show active" id="tab-basic">
                    <div class="row">
                        <div class="form-group col-md-3"><label>الكود</label>
                            <input type="text" name="code" value="{{ old('code', $code) }}" class="form-control" placeholder="يُولَّد تلقائياً"></div>
                        <div class="form-group col-md-3"><label>النوع *</label>
                            <select name="type" class="form-control" required>
                                <option value="individual" @selected(old('type', $customer->type) === 'individual')>فرد</option>
                                <option value="company"    @selected(old('type', $customer->type) === 'company')>شركة</option>
                            </select></div>
                        <div class="form-group col-md-3"><label>التصنيف *</label>
                            <select name="classification" class="form-control" required>
                                @foreach(['vip' => 'VIP', 'regular' => 'Regular', 'new' => 'New'] as $k => $v)
                                    <option value="{{ $k }}" @selected(old('classification', $customer->classification) === $k)>{{ $v }}</option>
                                @endforeach
                            </select></div>
                        <div class="form-group col-md-3"><label>{{ __('admin.status') }}</label>
                            <select name="status" class="form-control" required>
                                <option value="active"   @selected(old('status', $customer->status) === 'active')>{{ __('admin.active') }}</option>
                                <option value="inactive" @selected(old('status', $customer->status) === 'inactive')>{{ __('admin.inactive') }}</option>
                            </select></div>

                        <div class="form-group col-md-6"><label>الاسم بالعربي *</label>
                            <input type="text" name="name_ar" value="{{ old('name_ar', $customer->name_ar) }}" class="form-control" required></div>
                        <div class="form-group col-md-6"><label>الاسم بالإنجليزي</label>
                            <input type="text" name="name_en" value="{{ old('name_en', $customer->name_en) }}" class="form-control"></div>

                        <div class="form-group col-md-3"><label>{{ __('admin.phone') }}</label>
                            <input type="text" name="phone" value="{{ old('phone', $customer->phone) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>الجوال</label>
                            <input type="text" name="mobile" value="{{ old('mobile', $customer->mobile) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>واتساب</label>
                            <input type="text" name="whatsapp" value="{{ old('whatsapp', $customer->whatsapp) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>{{ __('admin.email') }}</label>
                            <input type="email" name="email" value="{{ old('email', $customer->email) }}" class="form-control"></div>

                        <div class="form-group col-md-6"><label>المندوب المسؤول</label>
                            <select name="salesperson_id" class="form-control">
                                <option value="">—</option>
                                @foreach($salespeople as $u)
                                    <option value="{{ $u->id }}" @selected(old('salesperson_id', $customer->salesperson_id) == $u->id)>{{ $u->name }}</option>
                                @endforeach
                            </select></div>

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

                {{-- Address --}}
                <div class="tab-pane fade" id="tab-address">
                    <div class="row">
                        <div class="form-group col-md-4"><label>المحافظة</label>
                            <input type="text" name="governorate" value="{{ old('governorate', $customer->governorate) }}" class="form-control"></div>
                        <div class="form-group col-md-4"><label>المدينة</label>
                            <input type="text" name="city" value="{{ old('city', $customer->city) }}" class="form-control"></div>
                        <div class="form-group col-md-4"><label>Landmark</label>
                            <input type="text" name="landmark" value="{{ old('landmark', $customer->landmark) }}" class="form-control"></div>
                        <div class="form-group col-md-12"><label>العنوان التفصيلي</label>
                            <textarea name="address" class="form-control" rows="2">{{ old('address', $customer->address) }}</textarea></div>
                        <div class="form-group col-md-6"><label>Latitude</label>
                            <input type="number" step="0.0000001" name="lat" value="{{ old('lat', $customer->lat) }}" class="form-control"></div>
                        <div class="form-group col-md-6"><label>Longitude</label>
                            <input type="number" step="0.0000001" name="lng" value="{{ old('lng', $customer->lng) }}" class="form-control"></div>
                        @if($isEdit)
                            <div class="col-md-12">
                                <small class="text-muted">يمكنك إضافة عناوين متعددة (شحن/تركيب) من Tab "العناوين" في صفحة الـ profile.</small>
                            </div>
                        @endif
                    </div>
                </div>

                {{-- Business (companies only) --}}
                <div class="tab-pane fade" id="tab-business">
                    <div class="alert alert-info small">يُستخدم عند اختيار النوع <b>شركة</b>.</div>
                    <div class="row">
                        <div class="form-group col-md-6"><label>السجل التجاري</label>
                            <input type="text" name="commercial_register" value="{{ old('commercial_register', $customer->commercial_register) }}" class="form-control"></div>
                        <div class="form-group col-md-6"><label>البطاقة الضريبية</label>
                            <input type="text" name="tax_card" value="{{ old('tax_card', $customer->tax_card) }}" class="form-control"></div>
                        <div class="form-group col-md-6"><label>الشخص المسؤول</label>
                            <input type="text" name="contact_person" value="{{ old('contact_person', $customer->contact_person) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>تليفون المسؤول</label>
                            <input type="text" name="contact_phone" value="{{ old('contact_phone', $customer->contact_phone) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>إيميل المسؤول</label>
                            <input type="email" name="contact_email" value="{{ old('contact_email', $customer->contact_email) }}" class="form-control"></div>
                    </div>
                </div>

                {{-- Financial --}}
                <div class="tab-pane fade" id="tab-financial">
                    <div class="row">
                        <div class="form-group col-md-3"><label>الرصيد الافتتاحي</label>
                            <input type="number" step="0.01" name="opening_balance" value="{{ old('opening_balance', $customer->opening_balance ?? 0) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>حد الائتمان</label>
                            <input type="number" step="0.01" min="0" name="credit_limit" value="{{ old('credit_limit', $customer->credit_limit ?? 0) }}" class="form-control"></div>
                        <div class="form-group col-md-3"><label>مدة الائتمان (أيام)</label>
                            <input type="number" min="0" name="credit_days" value="{{ old('credit_days', $customer->credit_days ?? 0) }}" class="form-control"></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="card-footer text-{{ in_array(app()->getLocale(), ['ar']) ? 'left' : 'right' }}">
            <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary">{{ __('admin.cancel') }}</a>
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
        </div>
    </div>
</form>