@extends('layouts.master')

@section('title', 'Liste des Ivoiriens de l’Extérieur')

@section('content')

<div class="container my-5">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3>📌 Liste des Ivoiriens de l’Extérieur</h3>
    </div>

    <!-- Search/Filter Section -->
    <div class="card mb-4">
        <div class="card-body">
            <h6 class="card-title">🔍 Filtres de recherche</h6>
            <form method="GET" action="{{ route('entreprise_ivoirienne.listeIvoiriensExterieurs') }}">
                <div class="row">
                    <div class="col-md-4">
                        <label for="search" class="form-label">Recherche générale</label>
                        <input type="text" class="form-control" id="search" name="search" 
                               value="{{ request('search') }}" placeholder="Nom, prénom ou email">
                    </div>
                    <div class="col-md-4">
                        <label for="diplome_filter" class="form-label">Diplôme</label>
                        <input type="text" class="form-control" id="diplome_filter" name="diplome_filter" 
                               value="{{ request('diplome_filter') }}" placeholder="Ex: Master, Licence...">
                    </div>
                    <div class="col-md-4">
                        <label for="domaine_filter" class="form-label">Domaine</label>
                        <input type="text" class="form-control" id="domaine_filter" name="domaine_filter" 
                               value="{{ request('domaine_filter') }}" placeholder="Ex: Informatique, Commerce...">
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary me-2">
                            <i class="fas fa-search"></i> Rechercher
                        </button>
                        <a href="{{ route('entreprise_ivoirienne.listeIvoiriensExterieurs') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-redo"></i> Réinitialiser
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    

    <a href="{{ route('entreprise_ivoirienne.mainService') }}" 
        class="btn rounded-pill btn-lg back text-white mb-4"
        id="service_back"
        style="background: {{ $colorCode }};"
        onmouseover="this.style.background='{{ $hovercolor }}';"
        onmouseout="this.style.background='{{ $colorCode }}';">
            <i class="fas fa-thin fa-angle-left"></i> @lang('messages.back')
    </a>

    <div class="card shadow-sm border-light">
        <div class="card-body">
            <table class="table table-striped table-hover">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Email</th>
                        <th>Diplôme</th>
                        <th>Domaine</th>
                        <th>CV</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($ivoiriens as $key => $ivoirien)
                    <tr>
                        <td>{{ $ivoiriens->firstItem() + $key }}</td>
                        <td>{{ $ivoirien->lname }}</td>
                        <td>{{ $ivoirien->fname }}</td>
                        <td>{{ $ivoirien->email }}</td>
                        <td>
                            @if($ivoirien->diplome)
                                {{ $ivoirien->diplome }}
                            @else
                                <span class="text-muted">Non renseigné</span>
                            @endif
                        </td>
                        <td>
                            @if($ivoirien->domaine)
                                {{ $ivoirien->domaine }}
                            @else
                                <span class="text-muted">Non renseigné</span>
                            @endif
                        </td>
                        <td>
                            @if($ivoirien->curriculum && $ivoirien->curriculum->documents->count() > 0)
                                @foreach($ivoirien->curriculum->documents as $doc)
                                    @if($doc->cv)
                                        <a href="{{ asset('storage/'.$doc->cv) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                            <i class="fa-regular fa-file-pdf"></i> Voir CV
                                        </a>
                                    @endif
                                @endforeach
                            @else
                                <span class="text-muted">Aucun CV</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted">Aucun Ivoirien trouvé</td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            <!-- ✅ Pagination -->
            <div class="d-flex justify-content-center mt-3">
                {{ $ivoiriens->links('pagination::bootstrap-5') }}
            </div>

        </div>
    </div>

</div>

@endsection