@extends('backend.partials.master')

@section('title', !empty($customer) ? 'Edit Customer' : 'Create Customer')

@section('maincontent')
<main class="content">
    <div class="container-fluid p-0">
        <div class="mb-3">
            <h1 class="h3 d-inline align-middle">{{ !empty($customer) ? 'Edit Customer' : 'Create Customer' }}</h1>
        </div>

        <div class="card">
            <div class="card-body">
                {{-- Display Validation Errors --}}
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>There were some problems with your input:</strong>
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                {{-- Customer Form --}}
                <form
                    action="{{ !empty($customer) ? route('customers.update', $customer->id) : route('customers.store') }}"
                    method="POST"
                >
                    @csrf
                    @if(!empty($customer))
                        @method('PUT')
                    @endif

                    <div class="row">
                        {{-- ===== NAME FIELDS ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">First Name <small class="text-danger">*</small></label>
                            <input type="text" name="fname"
                                   value="{{ old('fname', $customer->fname ?? '') }}"
                                   class="form-control"   oninput="this.value = this.value.replace(/[^A-Za-z ]/g, '')" title="Only alphabets and spaces are allowed" required>
                                   @error('fname')
                            <small class="text-danger d-block mt-1">
                                {{ $message }}
                            </small>
                        @enderror
                        </div>

                        {{-- ===== MOBILE ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">Mobile No. <small class="text-danger">*</small></label>
                            <input type="text" name="mobileno" maxlength="10"
                                   oninput="this.value=this.value.replace(/[^0-9]/g,'');"
                                   value="{{ old('mobileno', $customer->mobileno ?? '') }}"
                                   class="form-control" required>
                                   @error('mobileno')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                                    <label class="form-label" for="email">Email <small class="text-danger"></small></label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                        id="email" name="email" placeholder="Email"
                                        value="{{ old('email', !empty($user) ? $user->email : '') }}"
                                        oninput="this.value = this.value.toLowerCase().replace(/[^a-z0-9@.]/g, '');">
                                    @error('email')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                        </div>

                        {{-- ===== ADDRESS & LANDMARK ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">Address<small class="text-danger">*</small></label>
                            <textarea name="address" rows="2" class="form-control" required>{{ old('address', $customer->address ?? '') }}</textarea>
                            @error('address')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">Landmark</label>
                            <input type="text" name="landmark"
                                   value="{{ old('landmark', $customer->landmark ?? '') }}"
                                   class="form-control">
                            @error('landmark')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- ===== TAX DETAILS ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">GSTIN No</label>
                            <input type="text" maxlength="15" name="TIN"
                                   value="{{ old('TIN', $customer->TIN ?? '') }}"
                                   class="form-control">
                            @error('TIN')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">PAN No</label>
                            <input type="text" maxlength="10" name="PAN"
                                   value="{{ old('PAN', $customer->PAN ?? '') }}" oninput="this.value = this.value.toUpperCase()"
                                   class="form-control">
                            @error('PAN')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- ===== SALES STATUS ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">Sales Status <small class="text-danger"></small></label>
                            <select name="salesstatus" class="form-control choices-single" >
                                <option value="" disabled selected>Select Sales Status</option>
                                <option value="cash" {{ old('salesstatus', $customer->salesstatus ?? '') == 'cash' ? 'selected' : '' }}>Cash</option>
                                <option value="credit" {{ old('salesstatus', $customer->salesstatus ?? '') == 'credit' ? 'selected' : '' }}>Credit</option>
                                <option value="blacklisted" {{ old('salesstatus', $customer->salesstatus ?? '') == 'blacklisted' ? 'selected' : '' }}>Blacklisted</option>
                            </select>
                            @error('salesstatus')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- ===== AMOUNT LIMIT ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">Amount Limit</label>
                            <input type="number" step="0.01" name="amountlimit"
                                   value="{{ old('amountlimit', $customer->amountlimit ?? 0) }}"
                                   class="form-control">
                            @error('number')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- ===== REMARKS ===== --}}
                        <div class="mb-3 col-md-4">
                            <label class="form-label">Remarks</label>
                            <textarea name="remark" class="form-control">{{ old('remark', $customer->remark ?? '') }}</textarea>
                            @error('remark')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- ===== PRODUCTS MULTIPLE SELECT ===== --}}
                        @php
                            $selectedProducts = [];
                            if(old('product')) {
                                $selectedProducts = old('product');
                            } elseif(!empty($customer->product)) {
                                $selectedProducts = array_map('trim', explode(',', $customer->product));
                                $selectedProducts = array_map('strval', $selectedProducts);
                            }
                        @endphp

                        <div class="mb-3 col-md-4">
                            <label class="form-label">Products <small class="text-danger">*</small></label>
                            <select name="product[]" id="product" class="form-control  choices-multiple @error('product') is-invalid @enderror" multiple >
                                @foreach($products as $product)
                                    <option value="{{ (string)$product->id }}"
                                        {{ in_array((string)$product->id, $selectedProducts) ? 'selected' : '' }}>
                                        {{ $product->name }}
                                    </option>
                                @endforeach
                            </select>
                             @error('product')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">Bank Name <small class="text-danger"></small></label>
                            <input type="text" name="bank_name"
                                   value="{{ old('bank_name', $customer->bank_name ?? '') }}"
                                   class="form-control" oninput="this.value = this.value.replace(/[^A-Za-z ]/g, '')"  title="Only alphabets and spaces are allowed" >
                             @error('bank_name')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">Account No.<small class="text-danger"></small></label>
                            <input type="number" name="account_no"
                                   value="{{ old('account_no', $customer->account_no ?? '') }}"
                                   class="form-control" >
                             @error('account_no')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">IFSC Code <small class="text-danger"></small></label>
                            <input type="text" name="IFSC"
                                   value="{{ old('IFSC', $customer->IFSC ?? '') }}"
                                   class="form-control" oninput="this.value = this.value.toUpperCase()" maxlength="11" >
                            @error('IFSC')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">MICR Code<small class="text-danger"></small></label>
                            <input type="text" name="MICR"
                                   value="{{ old('MICR', $customer->MICR ?? '') }}"
                                   class="form-control" >

                            @error('MICR')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                         <div class="mb-3 col-md-4">
                            <label class="form-label">Branch Name<small class="text-danger"></small></label>
                            <input type="text" name="branch_name"
                                   value="{{ old('branch_name', $customer->branch_name ?? '') }}"
                                   class="form-control" oninput="this.value = this.value.replace(/[^A-Za-z ]/g, '')"  title="Only alphabets and spaces are allowed" >
                            @error('branch_name')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                         <div class="mb-3 col-md-4">
                            <label class="form-label">Branch City<small class="text-danger"></small></label>
                            <input type="text" name="branch_city"
                                   value="{{ old('branch_city', $customer->branch_city ?? '') }}"
                                   class="form-control" oninput="this.value = this.value.replace(/[^A-Za-z ]/g, '')"  title="Only alphabets and spaces are allowed" >
                            @error('branch_city')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                           <div class="mb-3 col-md-4">
                            <label class="form-label">Account Type<small class="text-danger"></small></label>
                            <select name="account_type" class="form-control choices-single" >
                               <option value="" disabled selected>Select Account Type</option>
                                <option value="Saving" {{ old('account_type', $customer->account_type ?? '') == 'Saving' ? 'selected' : '' }}>Saving</option>
                                <option value="Current" {{ old('account_type', $customer->account_type ?? '') == 'Current' ? 'selected' : '' }}>Current</option>

                            </select>
                            @error('account_type')
                                        <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>


                    </div>

                    {{-- ===== ACTION BUTTONS ===== --}}
                    <div class="mt-3">
                        <button type="submit" class="btn btn-primary">
                            {{ !empty($customer) ? 'Update' : 'Create' }}
                        </button>
                        <a href="{{ route('customers') }}" class="btn btn-secondary">Cancel</a>
                    </div>

                </form>
            </div>
        </div>
    </div>
</main>
@endsection

@push('scripts')
<script>

    // Initialize product multiple select WITH remove buttons
    const productSelect = document.querySelector('#product');
    if (productSelect) {
        new Choices(productSelect, {
            removeItemButton: true,   // ✅ enable remove button
            searchEnabled: true,
            placeholderValue: 'Select Products',
            itemSelectText: ''
        });
    }


</script>
@endpush