@extends('layouts.app')
@section('title', isset($customer) ? 'Edit Customer' : 'Add Customer')

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('customers.index') }}">Customers</a></li>
            <li class="breadcrumb-item active">{{ isset($customer) ? 'Edit' : 'Add' }}</li>
        </ol>
    </nav>
</div>

<div class="row justify-content-center">
    <div class="col-xl-9">
        <div class="card">
            <div class="card-header">
                <i class="bi bi-person-plus me-2"></i>{{ isset($customer) ? 'Edit Customer' : 'New Customer' }}
            </div>
            <div class="card-body">
                <form action="{{ isset($customer) ? route('customers.update', $customer) : route('customers.store') }}"
                    method="POST" enctype="multipart/form-data" novalidate>
                    @csrf
                    @if(isset($customer)) @method('PUT') @endif

                    {{-- ── Personal Information ── --}}
                    <h6 class="text-muted mb-3"><i class="bi bi-person me-1"></i>Personal Information</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label class="form-label">Full Name <span class="text-danger">*</span></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-6">
                            <label class="form-label">Father's Name</label>
                            <input type="text" name="father_name"
                                class="form-control @error('father_name') is-invalid @enderror"
                                value="{{ old('father_name', $customer->father_name ?? '') }}">
                            @error('father_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Mobile <span class="text-danger">*</span></label>
                            <input type="text" name="mobile" class="form-control @error('mobile') is-invalid @enderror"
                                value="{{ old('mobile', $customer->mobile ?? '') }}" required placeholder="01XXXXXXXXX">
                            @error('mobile')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Email</label>
                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                                value="{{ old('email', $customer->email ?? '') }}">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Customer Type <span class="text-danger">*</span></label>
                            <select name="customer_type"
                                class="form-select @error('customer_type') is-invalid @enderror" required>
                                <option value="buyer" {{ old('customer_type', $customer->customer_type ?? 'buyer') === 'buyer' ? 'selected' : '' }}>Buyer</option>
                                <option value="installment_buyer" {{ old('customer_type', $customer->customer_type ?? '') === 'installment_buyer' ? 'selected' : '' }}>Installment Buyer</option>
                                <option value="rent" {{ old('customer_type', $customer->customer_type ?? '') === 'rent' ? 'selected' : '' }}>Rent</option>
                            </select>
                            @error('customer_type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">NID Number</label>
                            <input type="text" name="nid" class="form-control @error('nid') is-invalid @enderror"
                                value="{{ old('nid', $customer->nid ?? '') }}">
                            @error('nid')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Mother's Name</label>
                            <input type="text" name="mother_name"
                                class="form-control @error('mother_name') is-invalid @enderror"
                                value="{{ old('mother_name', $customer->mother_name ?? '') }}">
                            @error('mother_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Date of Birth</label>
                            <input type="date" name="date_of_birth"
                                class="form-control @error('date_of_birth') is-invalid @enderror"
                                value="{{ old('date_of_birth', isset($customer->date_of_birth) ? $customer->date_of_birth->format('Y-m-d') : '') }}">
                            @error('date_of_birth')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Registration Date</label>
                            <input type="date" name="registration_date"
                                class="form-control @error('registration_date') is-invalid @enderror"
                                value="{{ old('registration_date', isset($customer->registration_date) ? $customer->registration_date->format('Y-m-d') : (isset($customer) ? '' : date('Y-m-d'))) }}">
                            <small class="text-muted">Defaults to today. Backdate for old customers.</small>
                            @error('registration_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- ── Address & Occupation ── --}}
                    <h6 class="text-muted mb-3"><i class="bi bi-geo-alt me-1"></i>Address & Occupation</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-8">
                            <label class="form-label">Address</label>
                            <textarea name="address" class="form-control @error('address') is-invalid @enderror"
                                rows="2">{{ old('address', $customer->address ?? '') }}</textarea>
                            @error('address')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">City</label>
                            <input type="text" name="city" class="form-control @error('city') is-invalid @enderror"
                                value="{{ old('city', $customer->city ?? '') }}">
                            @error('city')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Occupation</label>
                            <input type="text" name="occupation"
                                class="form-control @error('occupation') is-invalid @enderror"
                                value="{{ old('occupation', $customer->occupation ?? '') }}">
                            @error('occupation')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- ── Nominee Information ── --}}
                    <h6 class="text-muted mb-3"><i class="bi bi-person-check me-1"></i>Nominee Information</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="form-label">Nominee Name</label>
                            <input type="text" name="nominee_name"
                                class="form-control @error('nominee_name') is-invalid @enderror"
                                value="{{ old('nominee_name', $customer->nominee_name ?? '') }}">
                            @error('nominee_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nominee NID</label>
                            <input type="text" name="nominee_nid"
                                class="form-control @error('nominee_nid') is-invalid @enderror"
                                value="{{ old('nominee_nid', $customer->nominee_nid ?? '') }}">
                            @error('nominee_nid')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nominee Mobile</label>
                            <input type="text" name="nominee_mobile"
                                class="form-control @error('nominee_mobile') is-invalid @enderror"
                                value="{{ old('nominee_mobile', $customer->nominee_mobile ?? '') }}">
                            @error('nominee_mobile')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nominee Relation</label>
                            <input type="text" name="nominee_relation"
                                class="form-control @error('nominee_relation') is-invalid @enderror"
                                value="{{ old('nominee_relation', $customer->nominee_relation ?? '') }}">
                            @error('nominee_relation')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- ── Uploads ── --}}
                    <h6 class="text-muted mb-3"><i class="bi bi-paperclip me-1"></i>Uploads</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label class="form-label">Photo</label>
                            <input type="file" name="photo" class="form-control @error('photo') is-invalid @enderror"
                                accept=".jpg,.jpeg,.png">
                            <small class="text-muted">JPG/PNG, max 2 MB</small>
                            @if(isset($customer) && $customer->photo)
                                <div class="mt-2 d-flex align-items-center gap-2">
                                    <img src="{{ $customer->photo_url }}" alt="" width="40" height="40" class="rounded"
                                        style="object-fit: cover;">
                                    <small class="text-muted">{{ basename($customer->photo) }}</small>
                                </div>
                            @endif
                            @error('photo')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Documents (NID, Passport, Agreements)</label>
                            <input type="file" name="documents[]"
                                class="form-control @error('documents') is-invalid @enderror @error('documents.*') is-invalid @enderror"
                                multiple accept=".pdf,.jpg,.jpeg,.png">
                            <small class="text-muted">PDF/JPG/PNG, max 5 MB each, up to 10 files</small>
                            @if(isset($customer) && $customer->documents && count($customer->documents))
                            <div class="mt-2">
                                @foreach($customer->documents as $index => $doc)
                                <div class="d-flex align-items-center gap-2 mb-1">
                                    <i class="bi bi-file-earmark text-muted"></i>
                                    <a href="{{ asset('storage/' . $doc) }}" target="_blank"
                                        class="text-decoration-none" style="font-size: 0.82rem;">
                                        {{ basename($doc) }}
                                    </a>
                                    @haspermission('customers.edit')
                                    <form action="{{ route('customers.documents.remove', [$customer, $index]) }}"
                                        method="POST" class="d-inline"
                                        onsubmit="return confirm('Remove this document?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-link text-danger p-0" style="font-size: 0.75rem;">
                                            <i class="bi bi-x-circle"></i>
                                        </button>
                                    </form>
                                    @endhaspermission
                                </div>
                                @endforeach
                            </div>
                            @endif
                            @error('documents')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                            @error('documents.*')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- ── Status ── --}}
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="form-check">
                                <input type="checkbox" name="is_active" class="form-check-input" id="is_active"
                                    value="1" {{ old('is_active', $customer->is_active ?? true) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">Active</label>
                            </div>
                        </div>
                    </div>

                    {{-- ── Actions ── --}}
                    <div class="d-flex justify-content-end gap-2 mt-4">
                        <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">Cancel</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-lg me-1"></i>{{ isset($customer) ? 'Update' : 'Create' }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection