{{--
    Tombol navigasi bawah wizard — dipakai di semua step.

    Props (via compact atau @include):
    - $backUrl      string   — URL tombol "← Kembali" (null = tidak tampil)
    - $backLabel    string   — Label tombol kembali (default: "Kembali")
    - $draftLabel   string   — Label tombol draft (default: "Simpan Draft")
    - $nextLabel    string   — Label tombol lanjut (default: "Simpan & Lanjut")
    - $hideDraft    bool     — Sembunyikan tombol draft (default: false)
--}}
@php
    $backLabel  ??= 'Kembali';
    $draftLabel ??= 'Simpan Draft';
    $nextLabel  ??= 'Simpan & Lanjut';
    $backUrl    ??= null;
    $hideDraft  ??= false;
    $readOnly   ??= false;
@endphp

<div class="d-flex align-items-center justify-content-between gap-2 pt-3 border-top mt-2 flex-wrap">

    {{-- Kiri: Kembali --}}
    <div>
        @if($backUrl)
        <a href="{{ $backUrl }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>{{ $backLabel }}
        </a>
        @elseif(isset($application) && $application->id)
        <a href="{{ route('applications.hub', $application->id) }}" class="btn btn-outline-secondary">
            <i class="bi bi-grid-3x2-gap me-1"></i>Kembali ke Hub
        </a>
        @else
        <a href="{{ route('applications.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-x me-1"></i>Batal
        </a>
        @endif
    </div>

    {{-- Kanan: Draft + Lanjut — disembunyikan di mode read-only --}}
    @unless($readOnly)
    <div class="d-flex gap-2">
        @unless($hideDraft)
        <button type="submit" name="action" value="draft"
            class="btn btn-outline-secondary"
            title="Simpan data tanpa validasi penuh — bisa dilanjutkan nanti">
            <i class="bi bi-floppy me-1"></i>{{ $draftLabel }}
        </button>
        @endunless

        <button type="submit" name="action" value="next" class="btn btn-primary px-4">
            {{ $nextLabel }} <i class="bi bi-arrow-right ms-1"></i>
        </button>
    </div>
    @endunless

</div>