@extends('layouts.app')

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

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

@section('content')
<form action="{{ $isEdit ? route('customers.update', $customer) : route('customers.store') }}" method="POST">
    @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-eta">بيانات ETA / الضرائب</a></li>
                <li class="nav-item"><a class="nav-link"        data-toggle="pill" href="#tab-medical">ملف صحى</a></li>
                <li class="nav-item"><a class="nav-link"        data-toggle="pill" href="#tab-acct">حساب وبيع</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', $customer->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', $customer->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', $customer->name_en) }}"></div>

                        <div class="col-md-3 form-group"><label>{{ __('messages.phone') }}</label>
                            <input type="text" name="phone" class="form-control" value="{{ old('phone', $customer->phone) }}"></div>
                        <div class="col-md-3 form-group"><label>{{ __('messages.mobile') }}</label>
                            <input type="text" name="mobile" class="form-control" value="{{ old('mobile', $customer->mobile) }}"></div>
                        <div class="col-md-3 form-group"><label>{{ __('messages.email') }}</label>
                            <input type="email" name="email" class="form-control" value="{{ old('email', $customer->email) }}"></div>
                        <div class="col-md-3 form-group"><label>{{ __('messages.branch') }}</label>
                            <select name="branch_id" class="form-control select2">
                                <option value="">— بدون —</option>
                                @foreach ($branches as $b)
                                    <option value="{{ $b->id }}" {{ old('branch_id', $customer->branch_id) == $b->id ? 'selected' : '' }}>{{ $b->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-2 form-group"><label>تاريخ الميلاد</label>
                            <input type="date" name="birth_date" class="form-control" value="{{ old('birth_date', $customer->birth_date?->format('Y-m-d')) }}"></div>
                        <div class="col-md-2 form-group"><label>النوع</label>
                            <select name="gender" class="form-control">
                                <option value="">—</option>
                                <option value="m" {{ old('gender', $customer->gender) === 'm' ? 'selected' : '' }}>ذكر</option>
                                <option value="f" {{ old('gender', $customer->gender) === 'f' ? 'selected' : '' }}>أنثى</option>
                            </select>
                        </div>
                        <div class="col-md-2 form-group">
                            <div class="form-check mt-4">
                                <input type="hidden" name="is_walk_in" value="0">
                                <input type="checkbox" id="is_walk_in" name="is_walk_in" value="1" class="form-check-input" {{ old('is_walk_in', $customer->is_walk_in) ? 'checked' : '' }}>
                                <label for="is_walk_in" class="form-check-label">عابر افتراضى</label>
                            </div>
                        </div>
                        <div class="col-md-2 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 ? $customer->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', $customer->notes) }}</textarea></div>
                    </div>
                </div>

                {{-- ETA --}}
                <div class="tab-pane fade" id="tab-eta">
                    <div class="row">
                        <div class="col-md-3 form-group"><label>نوع المُستلم <span class="text-danger">*</span></label>
                            <select name="eta_type" class="form-control" required>
                                <option value="P" {{ old('eta_type', $customer->eta_type ?: 'P') === 'P' ? 'selected' : '' }}>شخص (P)</option>
                                <option value="B" {{ old('eta_type', $customer->eta_type) === 'B' ? 'selected' : '' }}>منشأة (B)</option>
                                <option value="F" {{ old('eta_type', $customer->eta_type) === 'F' ? 'selected' : '' }}>أجنبى (F)</option>
                            </select>
                        </div>
                        <div class="col-md-4 form-group"><label>الرقم القومى</label>
                            <input type="text" name="national_id" class="form-control" value="{{ old('national_id', $customer->national_id) }}"></div>
                        <div class="col-md-4 form-group"><label>{{ __('messages.tax_number') }}</label>
                            <input type="text" name="tax_registration_number" class="form-control" value="{{ old('tax_registration_number', $customer->tax_registration_number) }}"></div>

                        <div class="col-md-2 form-group"><label>الدولة (ISO2)</label>
                            <input type="text" name="country" maxlength="2" class="form-control text-uppercase" value="{{ old('country', $customer->country ?: 'EG') }}"></div>
                        <div class="col-md-3 form-group"><label>{{ __('messages.governorate') }}</label>
                            <input type="text" name="governorate" class="form-control" value="{{ old('governorate', $customer->governorate) }}"></div>
                        <div class="col-md-3 form-group"><label>المدينة</label>
                            <input type="text" name="region_city" class="form-control" value="{{ old('region_city', $customer->region_city) }}"></div>
                        <div class="col-md-4 form-group"><label>الشارع</label>
                            <input type="text" name="street" class="form-control" value="{{ old('street', $customer->street) }}"></div>
                        <div class="col-md-2 form-group"><label>رقم المبنى</label>
                            <input type="text" name="building_number" class="form-control" value="{{ old('building_number', $customer->building_number) }}"></div>
                        <div class="col-md-2 form-group"><label>الرقم البريدى</label>
                            <input type="text" name="postal_code" class="form-control" value="{{ old('postal_code', $customer->postal_code) }}"></div>
                        <div class="col-md-8 form-group"><label>{{ __('messages.address') }}</label>
                            <input type="text" name="address" class="form-control" value="{{ old('address', $customer->address) }}"></div>
                    </div>
                </div>

                {{-- Medical --}}
                <div class="tab-pane fade" id="tab-medical">
                    <div class="row">
                        <div class="col-md-2 form-group"><label>فصيلة الدم</label>
                            <select name="blood_type" class="form-control">
                                <option value="">—</option>
                                @foreach (['A+', 'A-', 'B+', 'B-', 'AB+', 'AB-', 'O+', 'O-'] as $bt)
                                    <option value="{{ $bt }}" {{ old('blood_type', $customer->blood_type) === $bt ? 'selected' : '' }}>{{ $bt }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-5 form-group"><label>أمراض مزمنة</label>
                            <input type="text" name="chronic_diseases" class="form-control" value="{{ old('chronic_diseases', $customer->chronic_diseases) }}"></div>
                        <div class="col-md-5 form-group"><label>حساسية</label>
                            <input type="text" name="allergies" class="form-control" value="{{ old('allergies', $customer->allergies) }}"></div>
                    </div>
                </div>

                {{-- Account --}}
                <div class="tab-pane fade" id="tab-acct">
                    <div class="row">
                        <div class="col-md-3 form-group"><label>خصم افتراضى %</label>
                            <input type="number" step="0.01" min="0" max="100" name="discount_percent" class="form-control" value="{{ old('discount_percent', $customer->discount_percent) }}"></div>
                        <div class="col-md-3 form-group"><label>حد الائتمان</label>
                            <input type="number" step="0.01" min="0" name="credit_limit" class="form-control" value="{{ old('credit_limit', $customer->credit_limit) }}"></div>
                        <div class="col-md-2 form-group"><label>أيام السماح</label>
                            <input type="number" min="0" name="credit_days" class="form-control" value="{{ old('credit_days', $customer->credit_days) }}"></div>
                        <div class="col-md-4 form-group"><label>{{ __('messages.opening_balance') }} <small class="text-muted">(سالب → عليه لنا)</small></label>
                            <input type="number" step="0.01" name="opening_balance" class="form-control" value="{{ old('opening_balance', $customer->opening_balance) }}" {{ $isEdit ? 'readonly' : '' }}></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('customers.index') }}" class="btn btn-secondary">{{ __('messages.cancel') }}</a>
        </div>
    </div>
</form>
@endsection