@extends('layouts.admin')

@section('title', 'Admission Settings')

@section('content')
@php
    $general = old('general_settings', $settings->general_settings ?? []);
    $portal = old('portal_settings', $settings->portal_settings ?? []);
    $notification = old('notification_settings', $settings->notification_settings ?? []);
    $numbering = old('numbering_settings', $settings->numbering_settings ?? []);
    $activeTab = request('tab', 'general');
@endphp

<x-ui.page-header
    title="Admission Settings"
    :subtitle="'Configure admission portal and workflow for ' . ($institution->name ?? 'your institution') . '.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Admission Settings'],
    ]"
/>

@include('institution.partials.flash')

<form method="POST" action="{{ $formAction }}">
    @csrf
    @method($formMethod)

    <ul class="nav nav-tabs bv-tabs__list" role="tablist">
        @foreach([
            'general' => ['General', 'bi-sliders'],
            'portal' => ['Portal', 'bi-globe'],
            'notifications' => ['Notifications', 'bi-bell'],
            'numbering' => ['Numbering', 'bi-hash'],
        ] as $key => [$label, $icon])
            <li class="nav-item" role="presentation">
                <button class="nav-link bv-tabs__link {{ $activeTab === $key ? 'active' : '' }}"
                        id="tab-{{ $key }}-btn"
                        data-bs-toggle="tab"
                        data-bs-target="#tab-{{ $key }}"
                        type="button"
                        role="tab">
                    <i class="bi {{ $icon }} me-1"></i>{{ $label }}
                </button>
            </li>
        @endforeach
    </ul>

    <div class="tab-content mt-4">
        <div class="tab-pane fade {{ $activeTab === 'general' ? 'show active' : '' }}" id="tab-general" role="tabpanel">
            <x-ui.card title="General settings">
                <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-toggle-on"></i>
                                <div class="form-floating">
                                    <select id="general_settings_allow_multiple" name="general_settings[allow_multiple_applications]" class="form-select bv-form-control">
                                        <option value="1" @selected(($general['allow_multiple_applications'] ?? '1') == '1')>Yes</option>
                                        <option value="0" @selected(($general['allow_multiple_applications'] ?? '1') == '0')>No</option>
                                    </select>
                                    <label for="general_settings_allow_multiple">Allow multiple applications</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-hourglass"></i>
                                <div class="form-floating">
                                    <input type="number" id="general_settings_offer_days" name="general_settings[offer_validity_days]" class="form-control bv-form-control" placeholder="Days" value="{{ $general['offer_validity_days'] ?? 30 }}">
                                    <label for="general_settings_offer_days">Offer validity (days)</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-info-circle"></i>
                                <div class="form-floating">
                                    <textarea id="general_settings_instructions" name="general_settings[instructions]" class="form-control bv-form-control" placeholder="Instructions">{{ $general['instructions'] ?? '' }}</textarea>
                                    <label for="general_settings_instructions">Applicant instructions</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'portal' ? 'show active' : '' }}" id="tab-portal" role="tabpanel">
            <x-ui.card title="Portal settings">
                <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-door-open"></i>
                                <div class="form-floating">
                                    <select id="portal_enabled" name="portal_settings[enabled]" class="form-select bv-form-control">
                                        <option value="1" @selected(($portal['enabled'] ?? '1') == '1')>Enabled</option>
                                        <option value="0" @selected(($portal['enabled'] ?? '1') == '0')>Disabled</option>
                                    </select>
                                    <label for="portal_enabled">Public portal</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-chat-left-quote"></i>
                                <div class="form-floating">
                                    <input type="text" id="portal_welcome" name="portal_settings[welcome_message]" class="form-control bv-form-control" placeholder="Welcome" value="{{ $portal['welcome_message'] ?? 'Apply online to join our institution.' }}">
                                    <label for="portal_welcome">Welcome message</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'notifications' ? 'show active' : '' }}" id="tab-notifications" role="tabpanel">
            <x-ui.card title="Notification settings">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="form-check">
                            <input type="hidden" name="notification_settings[email_on_submit]" value="0">
                            <input class="form-check-input" type="checkbox" id="notify_submit" name="notification_settings[email_on_submit]" value="1" @checked(($notification['email_on_submit'] ?? true))>
                            <label class="form-check-label" for="notify_submit">Email on application submit</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check">
                            <input type="hidden" name="notification_settings[email_on_decision]" value="0">
                            <input class="form-check-input" type="checkbox" id="notify_decision" name="notification_settings[email_on_decision]" value="1" @checked(($notification['email_on_decision'] ?? true))>
                            <label class="form-check-label" for="notify_decision">Email on decision</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check">
                            <input type="hidden" name="notification_settings[email_on_offer]" value="0">
                            <input class="form-check-input" type="checkbox" id="notify_offer" name="notification_settings[email_on_offer]" value="1" @checked(($notification['email_on_offer'] ?? true))>
                            <label class="form-check-label" for="notify_offer">Email on offer letter</label>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        <div class="tab-pane fade {{ $activeTab === 'numbering' ? 'show active' : '' }}" id="tab-numbering" role="tabpanel">
            <x-ui.card title="Numbering settings">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-hash"></i>
                                <div class="form-floating">
                                    <input type="text" id="numbering_prefix" name="numbering_settings[application_prefix]" class="form-control bv-form-control" placeholder="Prefix" value="{{ $numbering['application_prefix'] ?? 'APP' }}">
                                    <label for="numbering_prefix">Application prefix</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-123"></i>
                                <div class="form-floating">
                                    <input type="number" id="numbering_padding" name="numbering_settings[padding]" class="form-control bv-form-control" placeholder="Padding" value="{{ $numbering['padding'] ?? 6 }}">
                                    <label for="numbering_padding">Number padding</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-receipt"></i>
                                <div class="form-floating">
                                    <input type="text" id="offer_prefix" name="numbering_settings[offer_prefix]" class="form-control bv-form-control" placeholder="OFF" value="{{ $numbering['offer_prefix'] ?? 'OFF' }}">
                                    <label for="offer_prefix">Offer prefix</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>
    </div>

    <div class="d-flex gap-2 mt-4">
        <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Save settings</x-ui.button>
        <x-ui.button variant="ghost" :href="route('admission.dashboard')">Cancel</x-ui.button>
    </div>
</form>
@endsection