@extends('layouts.app')

@section('content')
<div class="container">
    
    <a href="{{ route('flights.offers.index') }}" class="btn btn-secondary mb-3">
        ← Volver
    </a>

    <div class="card shadow">
        @if($offer->image)
            <img src="{{ asset('storage/' . $offer->image) }}" style="height:350px; object-fit:cover;">
        @endif

        <div class="card-body">
            <h1>{{ $offer->title }}</h1>

            <p class="text-muted">
                {{ $offer->origin }} → {{ $offer->destination }}
            </p>

            <h3 class="text-primary">
                ${{ number_format($offer->price, 0, ',', '.') }}
            </h3>

            <hr>

            <p>{!! $offer->description !!}</p>
        </div>
    </div>
</div>
@endsection