@extends('layouts.admin')

@section('content')
    <div class="bg-dark-secondary pt-10 pb-21"></div>
    <div class="container-fluid mt-n22 px-6">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <!-- Page header -->
                <div>
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="mb-2 mb-lg-0">
                            <h3 class="mb-0 text-white">{{__('Evénements à venir')}}</h3>
                        </div>
                        <div>
                            <a href="{{ route('admin.evenements.create') }}" class="btn btn-white">➕{{__('Créer un évenement')}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- row -->
        <div class="row mt-6">
            <div class="col-md-12 col-12">
                <!-- card -->
                @if(session('message') !== null)
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>{{ session('message') }}</strong>
                    </div>
                @endif
                <div class="card">
                    <!-- table -->
                    <div class="table-responsive">
                        <table class="table text-nowrap mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>{{ __('Titre') }}</th>
                                    <th>Date</th>
                                    <th>Présentateur</th>
                                    <th>Plateforme</th>
                                    <th>Actif</th> <!-- Nouvelle colonne -->
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($evenements as $evenement)
                                    <tr>
                                        <td class="align-middle">
                                            <h6 class="mb-1 text-bold">
                                                <a href="" class="text-inherit text-primary">{{ $evenement->titre }}</a>
                                            </h6>
                                        </td>
                                        <td class="align-middle">
                                            <h6 class="mb-1 text-bold">
                                                <a href="" class="text-inherit text-primary">{{ $evenement->date }}</a>
                                            </h6>
                                        </td>
                                        <td class="align-middle">
                                            <h6 class="mb-1 text-bold">
                                                <a href="" class="text-inherit text-primary">
                                                    {{ $evenement->presentateur->nom }} {{ $evenement->presentateur->prenom }}
                                                </a>
                                            </h6>
                                        </td>
                                        <td class="align-middle">
                                            <h6 class="mb-1 text-bold">
                                                <a href="" class="text-inherit text-primary">{{ $evenement->plateforme }}</a>
                                            </h6>
                                        </td>
                                        <td class="align-middle">
                                            <span class="badge {{ $evenement->active ? 'bg-success' : 'bg-danger' }}">
                                                {{ $evenement->active ? __('Oui') : __('Non') }}
                                            </span>
                                        </td>
                                       
                                          <td class="align-middle text-center">
                                                    <div class="d-flex justify-content-center gap-2">
                                    
                                                        <a href="{{ route('admin.evenements.edit', $evenement->id) }}" 
                                                           class="btn btn-outline-dark btn-sm d-flex align-items-center" 
                                                           data-bs-toggle="tooltip" data-bs-placement="top" title="Modifier">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                            
                                                    </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">No data found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <!-- card footer -->
                </div>
            </div>
        </div>
@endsection