@extends('layouts.admin')

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

@section('content')
<x-ui.page-header
    title="Application Workflow"
    subtitle="Configure allowed status transitions."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Workflow'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.table-wrapper id="admission-workflow" title="Transitions" :record-count="$transitions->total()">
            <x-slot:head>
                <tr>
                    <th>From</th>
                    <th>To</th>
                    <th>Label</th>
                    <th>Permission</th>
                    <th>Active</th>
                    <th class="text-end">Actions</th>
                </tr>
            </x-slot:head>
            @forelse($transitions as $transition)
                <tr>
                    <td>{{ \App\Enums\ApplicationStatus::tryFrom($transition->from_status)?->label() ?? $transition->from_status }}</td>
                    <td>{{ \App\Enums\ApplicationStatus::tryFrom($transition->to_status)?->label() ?? $transition->to_status }}</td>
                    <td>{{ $transition->label ?? '—' }}</td>
                    <td class="text-mono small">{{ $transition->requires_permission ?? '—' }}</td>
                    <td>
                        <x-ui.badge :variant="$transition->is_active ? 'success' : 'secondary'">{{ $transition->is_active ? 'Active' : 'Off' }}</x-ui.badge>
                    </td>
                    <td class="text-end">
                        <form method="POST" action="{{ route('admission.workflow.toggle', $transition) }}" class="d-inline">
                            @csrf
                            <button type="submit" class="bv-btn bv-btn--ghost bv-btn--sm">Toggle</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6"><x-ui.empty-state title="No custom transitions" message="Default workflow rules apply until you add transitions." icon="bi-diagram-3" /></td></tr>
            @endforelse
            @if($transitions->hasPages())
                <x-slot:footer>{{ $transitions->links() }}</x-slot:footer>
            @endif
        </x-ui.table-wrapper>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Add transition">
            <form method="POST" action="{{ route('admission.workflow.store') }}">
                @csrf
                <div class="row g-3">
                    <div class="col-12">
                        <label class="form-label">From status</label>
                        <select name="from_status" class="form-select" required>
                            @foreach($statuses as $status)
                                <option value="{{ $status->value }}">{{ $status->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <label class="form-label">To status</label>
                        <select name="to_status" class="form-select" required>
                            @foreach($statuses as $status)
                                <option value="{{ $status->value }}">{{ $status->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Label</label>
                        <input type="text" name="label" class="form-control">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Requires permission</label>
                        <input type="text" name="requires_permission" class="form-control" placeholder="admission.applications.approve">
                    </div>
                    <div class="col-12">
                        <div class="form-check">
                            <input type="hidden" name="is_active" value="0">
                            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" checked>
                            <label class="form-check-label" for="is_active">Active</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <x-ui.button type="submit" variant="primary" icon="bi-plus-lg">Add transition</x-ui.button>
                    </div>
                </div>
            </form>
        </x-ui.card>
    </div>
</div>
@endsection