@extends('layout.admin.app')
@section('content')
<x-breadcrumb :breadcrumb="$breadcrumb" />
<div class="card shadow-sm border-0">
    <div class="card-body">
        <div class="alert alert-info py-2">
            <small>
                <i class="fas fa-info-circle me-1"></i>
                Please select the type of ETA application you wish to proceed with.
            </small>
        </div>
        <input type="hidden" name="redirect_type" id="redirect_type" value="{{ $type }}">
        <div class="row align-items-end g-3">
            <div class="col-md-6">
                <label for="eta_type" class="form-label mb-3">{{ $title }}</label>
                <select name="eta_type" id="eta_type" class="form-select form-select-lg" required>
                    <option value="self-declaration" selected>ETA-Self Declaration</option>
                    <option value="exempted-import">ETA-Exempted Import</option>
                </select>
            </div>

            <div class="col-md-2">
                <button type="submit" id="btn-go" class="btn btn-primary btn-lg w-100">
                    Go <i class="fas fa-arrow-right ms-1"></i>
                </button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('btn-go').addEventListener('click', function() {
        const redirectType = document.getElementById('redirect_type').value;
        const selectedType = document.getElementById('eta_type').value;
        let url = "{{ route('eta.application.index') }}";
        if (selectedType == 'self-declaration' && redirectType == 'create') {
            url = "{{ route('eta.application.create') }}";
        }
        if (selectedType == 'exempted-import' && redirectType == 'create') {
            url = "{{ route('eta.application.import.create') }}";
        }
        if (selectedType == 'exempted-import' && redirectType == 'list') {
            url = "{{ route('eta.application.import.index') }}";
        }
        window.location.href = url;
    });
</script>
@endpush