@extends('admin.layouts.master')

@section('title', $customer->exists ? 'تعديل عميل' : 'إضافة عميل')

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">العملاء</div>
            <h2 class="page-title">
                <i class="ti ti-user-check ms-1"></i>
                {{ $customer->exists ? 'تعديل عميل: ' . $customer->name : 'إضافة عميل جديد' }}
            </h2>
        </div>
        <div class="col-auto">
            <a href="{{ route('admin.customers.index') }}" class="btn btn-outline-secondary">
                <i class="ti ti-arrow-right ms-1"></i> العودة
            </a>
        </div>
    </div>
@endsection

@section('content')
    <form method="POST" action="{{ $customer->exists ? route('admin.customers.update', $customer) : route('admin.customers.store') }}">
        @csrf
        @if($customer->exists) @method('PUT') @endif

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">البيانات الأساسية</h3>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label required">الكود</label>
                        <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $customer->code) }}" required>
                        @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-5">
                        <label class="form-label required">الاسم</label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $customer->name) }}" required>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-2">
                        <label class="form-label required">النوع</label>
                        <select name="type" class="form-select">
                            <option value="individual" {{ old('type', $customer->type) === 'individual' ? 'selected' : '' }}>فرد</option>
                            <option value="company" {{ old('type', $customer->type) === 'company' ? 'selected' : '' }}>شركة</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label required">التصنيف</label>
                        <select name="category" class="form-select">
                            <option value="normal" {{ old('category', $customer->category) === 'normal' ? 'selected' : '' }}>عادي</option>
                            <option value="vip" {{ old('category', $customer->category) === 'vip' ? 'selected' : '' }}>VIP</option>
                            <option value="wholesale" {{ old('category', $customer->category) === 'wholesale' ? 'selected' : '' }}>جملة</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">الهاتف</label>
                        <input type="text" name="phone" class="form-control" value="{{ old('phone', $customer->phone) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">الجوال</label>
                        <input type="text" name="mobile" class="form-control" value="{{ old('mobile', $customer->mobile) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">البريد الإلكتروني</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $customer->email) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">الرقم الضريبي</label>
                        <input type="text" name="tax_number" class="form-control" value="{{ old('tax_number', $customer->tax_number) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">العنوان</label>
                        <input type="text" name="address" class="form-control" value="{{ old('address', $customer->address) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">المدينة</label>
                        <input type="text" name="city" class="form-control" value="{{ old('city', $customer->city) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">الفرع</label>
                        <select name="branch_id" class="form-select select2">
                            <option value="">— اختر فرعاً —</option>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}" {{ old('branch_id', $customer->branch_id) == $branch->id ? 'selected' : '' }}>
                                    {{ $branch->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                <h3 class="card-title">البيانات المالية</h3>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">الرصيد الافتتاحي</label>
                        <input type="number" step="0.01" name="opening_balance" class="form-control" value="{{ old('opening_balance', $customer->opening_balance ?? 0) }}">
                        <small class="text-muted">الرصيد عند بداية التعامل (موجب = له، سالب = عليه)</small>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">حد الائتمان</label>
                        <input type="number" step="0.01" name="credit_limit" class="form-control" value="{{ old('credit_limit', $customer->credit_limit ?? 0) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label d-block">الحالة</label>
                        <label class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="is_active" value="0">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1" {{ old('is_active', $customer->is_active ?? true) ? 'checked' : '' }}>
                            <span class="form-check-label">العميل نشط</span>
                        </label>
                    </div>
                    <div class="col-12">
                        <label class="form-label">ملاحظات</label>
                        <textarea name="notes" class="form-control" rows="3">{{ old('notes', $customer->notes) }}</textarea>
                    </div>
                </div>
            </div>
            <div class="card-footer text-end">
                <a href="{{ route('admin.customers.index') }}" class="btn btn-outline-secondary">إلغاء</a>
                <button type="submit" class="btn btn-primary">
                    <i class="ti ti-device-floppy ms-1"></i> حفظ
                </button>
            </div>
        </div>
    </form>
@endsection