@extends('layouts.home')

@section('content')
<div class="py-10 bg-white">
    <h1 class="text-3xl font-bold text-gray-800 text-center mb-10">Liste des Entreprises</h1>

    <div class="max-w-5xl mx-auto divide-y divide-gray-300">
        @foreach ($entreprises as $entreprise)
            <div class="py-6 flex flex-col sm:flex-row items-start sm:items-center sm:space-x-6">
                {{-- Logo --}}
                <div class="w-24 h-24 mb-4 sm:mb-0 flex-shrink-0">
                    <img src="{{ $entreprise->logo ? asset('storage/' . $entreprise->logo) : asset('default-logo.png') }}"
                         alt="Logo entreprise"
                         class="w-24 h-24 rounded-full object-cover border border-gray-300">
                </div>

                {{-- Infos Entreprise --}}
                <div class="flex-1">
                    <h2 class="text-xl font-semibold text-gray-900 mb-1">{{ $entreprise->nom }}</h2>
                    <p class="text-gray-600 text-sm mb-1">
                        {{ $entreprise->user->email }} | {{ $entreprise->telephone }}
                    </p>
                    <p class="text-gray-700 text-sm mb-1">
                        <strong>Secteur :</strong> {{ $entreprise->secteurActivite->nom }}
                    </p>
                    <p class="text-gray-700 text-sm mb-1">
                        <strong>Localisation :</strong> {{ $entreprise->wilaya->nom }}, {{ $entreprise->moughatta->nom }}
                    </p>
                    <p class="text-gray-700 text-sm mt-2">
                        <strong>À propos :</strong> {{ Str::limit($entreprise->description, 120, '...') }}
                    </p>
                </div>
            </div>
        @endforeach
    </div>

    {{-- Pagination --}}
    <div class="mt-10 flex justify-center">
        {{ $entreprises->links() }}
    </div>
</div>
@endsection