@extends('layouts.guest')

@section('title', 'Application Step')

@section('guest-nav')
    <a href="{{ route('admission.portal.track') }}" class="bv-btn bv-btn--ghost bv-btn--sm">Track application</a>
@endsection

@section('content')
@php
    $current = !empty($readyToSubmit) ? 3 : 2;
    $applicant = $application->applicant;
@endphp

<div class="container py-5" style="max-width: 760px;">
    <div class="text-center mb-4">
        <h1 class="bv-page-header__title">Complete your application</h1>
        <p class="text-muted-bv">Tracking number: <strong class="text-mono">{{ $trackingNumber }}</strong></p>
    </div>

    <x-ui.stepper :steps="['Start', 'Details', 'Submit']" :current="$current" class="mb-4" />

    @if(session('flash'))
        <div class="alert alert-{{ session('flash.type') === 'error' ? 'danger' : 'success' }}">{{ session('flash.message') }}</div>
    @endif

    @if(!empty($readyToSubmit))
        <x-ui.card title="Ready to submit">
            <p class="mb-3">Confirm that your details are correct, then submit your application for review.</p>
            <form method="POST" action="{{ route('admission.portal.submit', $application->uuid) }}">
                @csrf
                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" name="confirm" id="confirm" value="1" required>
                    <label class="form-check-label" for="confirm">I confirm the information provided is accurate.</label>
                </div>
                <button type="submit" class="bv-btn bv-btn--primary">Submit application</button>
            </form>
        </x-ui.card>
    @else
        <x-ui.card title="Application details">
            <form method="POST" action="{{ route('admission.portal.step', $application->uuid) }}">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person"></i>
                                <div class="form-floating">
                                    <input type="text" name="first_name" id="first_name" class="form-control bv-form-control" value="{{ old('first_name', $applicant?->first_name) }}">
                                    <label for="first_name">First name</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person"></i>
                                <div class="form-floating">
                                    <input type="text" name="last_name" id="last_name" class="form-control bv-form-control" value="{{ old('last_name', $applicant?->last_name) }}">
                                    <label for="last_name">Last name</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-envelope"></i>
                                <div class="form-floating">
                                    <input type="email" name="email" id="email" class="form-control bv-form-control" value="{{ old('email', $applicant?->email) }}">
                                    <label for="email">Email</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-telephone"></i>
                                <div class="form-floating">
                                    <input type="text" name="phone" id="phone" class="form-control bv-form-control" value="{{ old('phone', $applicant?->phone) }}">
                                    <label for="phone">Phone</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-chat-left-text"></i>
                                <div class="form-floating">
                                    <textarea name="form_data[statement]" id="statement" class="form-control bv-form-control" placeholder="Statement">{{ old('form_data.statement', data_get($application->form_data, 'statement')) }}</textarea>
                                    <label for="statement">Personal statement</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="progress_percent" value="70">
                </div>
                <div class="d-flex justify-content-between mt-4">
                    <button type="submit" class="bv-btn bv-btn--ghost">Save progress</button>
                    <a href="{{ url('/apply/'.$application->uuid.'/submit') }}" class="bv-btn bv-btn--primary">Continue to submit</a>
                </div>
            </form>
        </x-ui.card>
    @endif
</div>
@endsection