@extends('layouts.app')

@section('title', 'Bid Preference')

@section('content')
    <div class="card shadow-sm">
        <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
            <h1 class="h5 mb-0">Bid Preference: {{ $bidPreference->monthPackage?->name ?? 'Month #'.$bidPreference->month_package_id }}</h1>
            <div class="d-flex gap-2">
                <a href="{{ route('bid-preferences.edit', $bidPreference) }}" class="btn btn-sm btn-warning">Edit</a>
                <form action="{{ route('bid-preferences.destroy', $bidPreference) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this bid preference?')">Delete</button>
                </form>
            </div>
        </div>

        <div class="card-body">
            <h2 class="h6">Strategy Summary</h2>
            <p class="mb-3">{{ $bidPreference->strategySummary() }}</p>

            <h2 class="h6">Why reserve risk may increase</h2>
            <ul>
                @forelse($bidPreference->reserveRiskHints() as $hint)
                    <li>{{ $hint }}</li>
                @empty
                    <li>No obvious reserve risk combinations detected.</li>
                @endforelse
            </ul>

            <dl class="row mb-0 mt-3">
                <dt class="col-sm-4 text-muted">Monthly block range</dt>
                <dd class="col-sm-8">{{ $bidPreference->monthly_block_min }} - {{ $bidPreference->monthly_block_max }} hrs</dd>

                <dt class="col-sm-4 text-muted">Long-haul preference</dt>
                <dd class="col-sm-8">{{ $bidPreference->prefer_long_haul ? 'Preferred' : 'No preference' }}</dd>

                <dt class="col-sm-4 text-muted">Red-eye preference</dt>
                <dd class="col-sm-8">{{ $bidPreference->avoid_red_eye ? 'Avoid red-eyes' : 'Open to red-eyes' }}</dd>

                <dt class="col-sm-4 text-muted">Preferred destinations</dt>
                <dd class="col-sm-8">{{ $bidPreference->preferred_destinations ? implode(', ', $bidPreference->preferred_destinations) : '—' }}</dd>

                <dt class="col-sm-4 text-muted">Avoid destinations</dt>
                <dd class="col-sm-8">{{ $bidPreference->avoid_destinations ? implode(', ', $bidPreference->avoid_destinations) : '—' }}</dd>

                <dt class="col-sm-4 text-muted">Day-off requests</dt>
                <dd class="col-sm-8">
                    @if($bidPreference->day_off_requests)
                        <div class="d-flex flex-wrap gap-1">
                            @foreach($bidPreference->day_off_requests as $day => $priority)
                                @php
                                    $class = match ($priority) {
                                        'green' => 'bg-success text-white',
                                        'yellow' => 'bg-warning text-dark',
                                        'red' => 'bg-danger text-white',
                                        default => 'bg-light text-dark'
                                    };
                                @endphp
                                <span class="badge {{ $class }}">Day {{ $day }}: {{ ucfirst($priority) }}</span>
                            @endforeach
                        </div>
                    @else
                        —
                    @endif
                </dd>

                <dt class="col-sm-4 text-muted">Preferred check-in window</dt>
                <dd class="col-sm-8">{{ $bidPreference->preferred_check_in_window ? json_encode($bidPreference->preferred_check_in_window) : '—' }}</dd>

                <dt class="col-sm-4 text-muted">Waiver choices</dt>
                <dd class="col-sm-8">{{ $bidPreference->waiver_choices ? json_encode($bidPreference->waiver_choices) : '—' }}</dd>

                <dt class="col-sm-4 text-muted">Notes</dt>
                <dd class="col-sm-8">{{ $bidPreference->notes ?: '—' }}</dd>
            </dl>
        </div>
    </div>
@endsection