@extends('layouts.app')

@section('content')
<div class="page-wrapper">
    <div class="page-content">
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a></li>
                        <li class="breadcrumb-item"><a href="{{ route('kycSlots.index') }}">KYC Slots</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Create</li>
                    </ol>
                </nav>
            </div>
        </div>

        <hr />

        <div class="card">
            <div class="card-body">
                <h6 class="mb-1">Create KYC Slot</h6>
                <p class="text-muted mb-4">Schedule a KYC slot for a user.</p>

                <form method="POST" action="{{ route('kycSlots.store') }}">
                    @csrf

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="user_id" class="form-label">User <span class="text-danger">*</span></label>
                            <select
                                id="user_id"
                                name="user_id"
                                class="form-select @error('user_id') is-invalid @enderror"
                                required
                            >
                                <option value="">Select User</option>
                                @foreach ($users as $user)
                                    @php
                                        $labelName = trim((string) ($user->name ?? ''));
                                        $labelEmail = trim((string) ($user->email ?? ''));
                                        $label = $labelName !== '' ? $labelName : ($labelEmail !== '' ? $labelEmail : ('User #' . $user->id));
                                        if ($labelEmail !== '' && $labelEmail !== $labelName) {
                                            $label .= ' (' . $labelEmail . ')';
                                        }
                                    @endphp
                                    <option value="{{ $user->id }}" {{ (string) old('user_id') === (string) $user->id ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('user_id')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="slot_date" class="form-label">Slot Date &amp; Time <span class="text-danger">*</span></label>
                            <input
                                type="datetime-local"
                                id="slot_date"
                                name="slot_date"
                                class="form-control @error('slot_date') is-invalid @enderror"
                                value="{{ old('slot_date', now()->format('Y-m-d\\TH:i')) }}"
                                required
                            >
                            @error('slot_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="meeting" class="form-label">Meeting Link</label>
                            <input
                                type="text"
                                id="meeting"
                                name="meeting"
                                class="form-control @error('meeting') is-invalid @enderror"
                                value="{{ old('meeting') }}"
                                placeholder="https://meet.google.com/..."
                            >
                            @error('meeting')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="assigned_to" class="form-label">Assigned Admin</label>
                            <select
                                id="assigned_to"
                                name="assigned_to"
                                class="form-select @error('assigned_to') is-invalid @enderror"
                            >
                                <option value="">Select Admin (Unassigned)</option>
                                @foreach ($admins as $admin)
                                    <option value="{{ $admin->id }}" {{ (string) old('assigned_to') === (string) $admin->id ? 'selected' : '' }}>
                                        {{ $admin->name ?? $admin->email }}
                                    </option>
                                @endforeach
                            </select>
                            @error('assigned_to')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                            @php
                                $status = old('status', 'pending');
                            @endphp
                            <select
                                id="status"
                                name="status"
                                class="form-select @error('status') is-invalid @enderror"
                                required
                            >
                                <option value="pending" {{ $status === 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="approved" {{ $status === 'approved' ? 'selected' : '' }}>Approved</option>
                                <option value="rejected" {{ $status === 'rejected' ? 'selected' : '' }}>Rejected</option>
                                <option value="rescheduled" {{ $status === 'rescheduled' ? 'selected' : '' }}>Rescheduled</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12">
                            <label for="remark" class="form-label">Remark</label>
                            <textarea
                                id="remark"
                                name="remark"
                                class="form-control @error('remark') is-invalid @enderror"
                                rows="4"
                                placeholder="Remark (optional)"
                            >{{ old('remark') }}</textarea>
                            @error('remark')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="d-flex gap-2 mt-4">
                        <button type="submit" class="btn btn-primary">Save</button>
                        <a href="{{ route('kycSlots.index') }}" class="btn btn-light">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection