@extends('layouts.mainlayout')
@section('fullwidth', true)
@section('content')
<main class="smarthr-settings-page smarthr-transit-delete-page" aria-labelledby="transit-delete-page-title">
    <header class="smarthr-employees-page-header smarthr-settings-page-header">
        <div>
            <h1 id="transit-delete-page-title">Delete transit</h1>
            <p>Confirm the deletion and record its operational reason.</p>
        </div>
    </header>

    <section class="card smarthr-settings-card smarthr-transit-delete-card" aria-labelledby="transit-delete-card-title">
        <div class="card-header smarthr-employees-card-header">
            <div>
                <span class="smarthr-employees-header-icon smarthr-transit-delete-icon"><i class="fas fa-route" aria-hidden="true"></i></span>
                <span id="transit-delete-card-title">Transit deletion</span>
            </div>
            <span class="smarthr-transit-list-status is-danger">Delete</span>
        </div>

        <div class="card-body smarthr-settings-card-body smarthr-transit-delete-body">
            <div class="smarthr-transit-delete-notice" role="alert">
                <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                <div><strong>This action marks the transit as deleted.</strong><span>The record remains available for audit and statistics.</span></div>
            </div>

            <div class="smarthr-transit-delete-details" aria-label="Transit details">
                <div><span>Transit date</span><strong>{{ $transit->arrival_date }}</strong></div>
                <div><span>From</span><strong>{{ $transit->from }}</strong></div>
                <div><span>To</span><strong>{{ $transit->where }}</strong></div>
            </div>

            <form method="POST" action="{{ route('transit.delete', [$transit->id, $transit->staff_id]) }}">
                @csrf
                <div class="form-group smarthr-transit-delete-reason">
                    <label for="deletion_reason">Deletion reason</label>
                    <select class="form-control @error('deletion_reason') is-invalid @enderror" id="deletion_reason" name="deletion_reason" required>
                        <option value="">Select a reason</option>
                        <option value="missed_flight" {{ old('deletion_reason') === 'missed_flight' ? 'selected' : '' }}>Missed flight</option>
                        <option value="no_answer" {{ old('deletion_reason') === 'no_answer' ? 'selected' : '' }}>No answer</option>
                        <option value="refused" {{ old('deletion_reason') === 'refused' ? 'selected' : '' }}>Refused</option>
                        <option value="other" {{ old('deletion_reason') === 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                    @error('deletion_reason')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    <small>Required for History and future transit statistics.</small>
                </div>

                <div class="smarthr-transit-delete-actions">
                    <a class="btn btn-outline-secondary" href="{{ url()->previous() }}">Cancel</a>
                    <button class="btn smarthr-transit-delete-submit" type="submit"><i class="fas fa-trash-alt" aria-hidden="true"></i> Delete transit</button>
                </div>
            </form>
        </div>
    </section>
</main>
@endsection