@extends('layouts.app')

@section('title')
Évènements
@endsection

@section('page-title')
Évènements <small>Gestion</small>
@endsection

@section('button-top')
<a class="btn cur-p btn-copernic" href="{{ route('suivi.evenements.create') }}">Créer un évènement</a>
@endsection


@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <table class="dataTable table table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Engagements</th>
                            <th>Évenement</th>
                            <th>Date</th>
                            <th class="gestion" scope="col">Gestion</th>
                        </tr>
                    </thead>
                    {{-- TO DO https://stackoverflow.com/questions/12228644/how-to-detect-light-colors-with-php --}}

                    <tbody>
                        @if (count($evenements))
                            @foreach ($evenements as $evenement)
                                <tr>
                                    <td>{{ $evenement->id }}</td>
                                    <td>
                                        @if (!empty($evenement->image_path))
                                            <a href="{{ Storage::url($evenement->image_path) }}" target="_blank" title="Voir l'image de l'évènement"><i class="fas fa-image"></i></a>
                                        @endif
                                        {{ $evenement->engagement->title }}
                                    </td>
                                    <td>{{ $evenement->description }}</td>
                                    <td>{{ $evenement->date->format('d/m/Y') }}</td>
                                    <td class="td-btn" style="width:201px;">
                                        @include('suivi.evenements.index_gestion', ['evenement' => $evenement ])
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="ta-c font-italic" colspan="10">
                                    Aucune evenement<br />
                                    <a class="btn cur-p btn-info font-normal mT-20" href="{{ route('suivi.evenements.create') }}">Créer un évènement</a>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection