@extends('layouts.admin')

@section('title', ($record ? 'Edit' : 'Create') . ' Interviews')

@section('content')
<x-ui.page-header
    :title="($record ? 'Edit' : 'Create') . ' Interviews'"
    :subtitle="$record ? 'Update record details.' : 'Add a new record.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Interviews', 'href' => route('admission.interviews.index')],
        ['label' => $record ? 'Edit' : 'Create'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card :title="$record ? 'Edit record' : 'New record'">
    <form method="POST" action="{{ $formAction }}" @if(str_contains('interview', 'document')) enctype="multipart/form-data" @endif>
        @csrf
        @if(($formMethod ?? 'POST') !== 'POST')
            @method($formMethod)
        @endif

        <div class="row g-3">
            <input type="hidden" name="institution_id" value="{{ old('institution_id', $record->institution_id ?? \App\Models\Institution::current()?->id) }}">
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('application_id') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-link-45deg"></i>
                        <div class="form-floating">
                            <select id="application_id" name="application_id" class="form-select bv-form-control" required>
                                <option value="">Select Application</option>
                                @foreach(\App\Models\Application::query()->orderByDesc('id')->limit(200)->get(['id','application_number']) as $opt)
                                    <option value="{{ $opt->id }}" @selected(old('application_id', $record->application_id ?? '') == $opt->id)>{{ $opt->application_number }}</option>
                                @endforeach
                            </select>
                            <label for="application_id">Application <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('application_id')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('scheduled_at') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-calendar-event"></i>
                        <div class="form-floating">
                            <input type="datetime-local" id="scheduled_at" name="scheduled_at" class="form-control bv-form-control" placeholder="Scheduled at" value="{{ old('scheduled_at', $record->scheduled_at ?? '') }}">
                            <label for="scheduled_at">Scheduled at</label>
                        </div>
                    </div>
                    @error('scheduled_at')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('venue') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-geo-alt"></i>
                        <div class="form-floating">
                            <input type="text" id="venue" name="venue" class="form-control bv-form-control" placeholder="Venue" value="{{ old('venue', $record->venue ?? '') }}">
                            <label for="venue">Venue</label>
                        </div>
                    </div>
                    @error('venue')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('meeting_link') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-camera-video"></i>
                        <div class="form-floating">
                            <input type="url" id="meeting_link" name="meeting_link" class="form-control bv-form-control" placeholder="Meeting link" value="{{ old('meeting_link', $record->meeting_link ?? '') }}">
                            <label for="meeting_link">Meeting link</label>
                        </div>
                    </div>
                    @error('meeting_link')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('attendance') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-people"></i>
                        <div class="form-floating">
                            <input type="text" id="attendance" name="attendance" class="form-control bv-form-control" placeholder="Attendance" value="{{ old('attendance', $record->attendance ?? '') }}">
                            <label for="attendance">Attendance</label>
                        </div>
                    </div>
                    @error('attendance')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('score') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-123"></i>
                        <div class="form-floating">
                            <input type="number" id="score" name="score" class="form-control bv-form-control" placeholder="Score" value="{{ old('score', $record->score ?? '') }}">
                            <label for="score">Score</label>
                        </div>
                    </div>
                    @error('score')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-12">
                <div class="bv-form-group {{ $errors->has('recommendations') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-text-paragraph"></i>
                        <div class="form-floating">
                            <textarea id="recommendations" name="recommendations" class="form-control bv-form-control" placeholder="Recommendations">{{ old('recommendations', $record->recommendations ?? '') }}</textarea>
                            <label for="recommendations">Recommendations</label>
                        </div>
                    </div>
                    @error('recommendations')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-4">
                <div class="bv-form-group {{ $errors->has('status') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-toggle-on"></i>
                        <div class="form-floating">
                            <select id="status" name="status" class="form-select bv-form-control">
                                @foreach(\App\Enums\RecordStatus::cases() as $status)
                                    <option value="{{ $status->value }}" @selected(old('status', $record->status?->value ?? $record->status ?? \App\Enums\RecordStatus::Active->value) === $status->value)>{{ $status->label() }}</option>
                                @endforeach
                            </select>
                            <label for="status">Status</label>
                        </div>
                    </div>
                    @error('status')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <x-ui.button type="submit" variant="primary" icon="bi-check-lg">{{ $record ? 'Update' : 'Create' }}</x-ui.button>
            <x-ui.button variant="ghost" :href="route('admission.interviews.index')">Cancel</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection