@extends('admin.layouts.app')

@section('title', 'Create Customer')

@section('content')
<div class="form-card" style="max-width:700px;">
    <form method="POST" action="{{ route('admin.customers.store') }}">
        @csrf

        <div class="row g-3">
            <div class="col-md-6">
                <label for="first_name" class="form-label">First Name <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('first_name') is-invalid @enderror" id="first_name" name="first_name"
                       value="{{ old('first_name') }}" required>
                @error('first_name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6">
                <label for="last_name" class="form-label">Last Name <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('last_name') is-invalid @enderror" id="last_name" name="last_name"
                       value="{{ old('last_name') }}" required>
                @error('last_name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6">
                <label for="phone" class="form-label">Phone Number <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone"
                       value="{{ old('phone') }}" required placeholder="e.g. 08012345678">
                @error('phone')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6">
                <label class="form-label">Month Number</label>
                <input type="text" class="form-control" value="Month {{ $currentMonthNumber }}" readonly style="background:#f8f9fa;">
                <small style="color:#888; font-size:11px;">Automatically assigned based on current campaign cycle.</small>
            </div>
            <div class="col-md-6">
                <label for="state_id" class="form-label">State <span class="text-danger">*</span></label>
                <select class="form-select @error('state_id') is-invalid @enderror" id="state_id" name="state_id" required>
                    <option value="">Select State</option>
                    @foreach($states as $state)
                        <option value="{{ $state->id }}" {{ old('state_id') == $state->id ? 'selected' : '' }}>
                            {{ $state->name }}
                        </option>
                    @endforeach
                </select>
                @error('state_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6">
                <label for="redemption_center_id" class="form-label">Redemption Center <span class="text-danger">*</span></label>
                <select class="form-select @error('redemption_center_id') is-invalid @enderror" id="redemption_center_id" name="redemption_center_id" required>
                    <option value="">Select Redemption Center</option>
                    @foreach($redemptionCenters as $center)
                        <option value="{{ $center->id }}" {{ old('redemption_center_id') == $center->id ? 'selected' : '' }}>
                            {{ $center->name }}
                        </option>
                    @endforeach
                </select>
                @error('redemption_center_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <button type="submit" class="btn-submit">Create Customer</button>
            <a href="{{ route('admin.customers.index') }}" class="btn-cancel">Cancel</a>
        </div>
    </form>
</div>
@endsection