@extends('layouts.home')

@section('content')
<div class="container mx-auto p-4">
    <div class="bg-white p-6 rounded-lg shadow-md">
        <h1 class="text-2xl font-semibold text-gray-800 mb-4">{{ $offreE->titre }}</h1>
        <div class="flex items-center text-gray-600 mb-6">
            @if($offreE->entreprise && $offreE->entreprise->logo)
                <img src="{{ asset('storage/' . $offreE->entreprise->logo) }}" alt="Logo" class="h-12">
            @endif
            <span class="text-sm ml-4 font-bold">{{ $offreE->entreprise ? $offreE->entreprise->nom : 'Entreprise inconnue' }}</span>
            <span class="ml-4">{{ $offreE->lieu ?? 'Non spécifié' }}</span>
        </div>
        <p class="text-lg text-gray-800 mb-4">{{ $offreE->description }}</p>
        <a href="{{ route('offres.index') }}" class="bg-blue-600 text-white py-2 px-4 rounded-lg">
            Retour à la liste
        </a>
    </div>
</div>
@endsection