@extends('layouts.app')

@section('content')


<div class="container">

            @if (session('success'))
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                </div>
            </div>
            @endif
            <div class="row">
            <div class="col-md-6">
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Accueil</a></li>
                @if(is_object($domaine))
                <li class="breadcrumb-item"><a href="{{ route('domaine.ateliers', ["id" => $domaine[0]->id]) }}">{{$domaine[0]->libelle}}</a></li>
                @else
                <li class="breadcrumb-item"><a href="{{ route('stage.liste') }}">Liste des ateliers</a></li>
                @endif
                <li class="breadcrumb-item">Liste des inscrits</li>


            </ul>
            </div>
            <div class="col-md-6">
                @if (Auth::user()->role_id > 1)
                <a class="btn btn-outline-secondary" href="{{ (is_object($domaine)) ? route('PDF.emargement', ['domaine'=>$domaine[0]->id, 'id'=>$id]) : route('PDF.emargement', ['domaine'=> 0 , 'id'=>$id]) }}" target="_blank">Feuille d'émargement</a>
                &nbsp;
                @endif
                @if (Auth::user()->role_id > 1)
                <a class="btn btn-outline-secondary" href="{{ (is_object($domaine)) ? route('PDF.presence', ['domaine'=>$domaine[0]->id, 'id'=>$id]) : route('PDF.presence', ['domaine'=> 0 , 'id'=>$id]) }}" target="_blank">Attestation de présence</a>
                &nbsp;
                @endif
                @if (Auth::user()->role_id > 2)
                <a class="btn btn-outline-secondary" href="{{ (is_object($domaine)) ? route('stage.rappel', ['domaine'=>$domaine[0]->id, 'id'=>$id]) : route('stage.rappel', ['domaine'=> 0 , 'id'=>$id]) }}">Rappel</a>
                @endif
            </div>

        </div>
        <h1>{{$atelier->libelle}}</h1>
        <div class="row">
        <div class="col-md-12">

            <table class="table table-stripe" id="table" data-page-length='250'>

                <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Établissement</th>
                        <th>Commune</th>
                        <th>Discipline</th>
                        @if (Auth::user()->role_id > 1)
                        <th>Courriel
                            &nbsp;&nbsp;&nbsp;
                            <input type="button" value="Copier" class="js-copy" data-target="#tocopy">
                        </th>
                        <th>Date d'inscription</th>
                        @endif
                        @if (Auth::user()->role_id > 1)
                        <th></th>
                        @endif
                    </tr>
                </thead>

                <tbody>
                                            @foreach ($stagiaires as $stagiaire)
                                            @endforeach
                    
                    <span id="tocopy"><i style="color:#f8fafc; font-size: 1px">{{$liste}}</i></span>

                    @foreach ($stagiaires as $stagiaire)

                    <tr>
                        <td>{{ $stagiaire->stagiaire->name }}</td>
                        <td>{{ $stagiaire->stagiaire->firstname }}</td>
                        <td>{{ $stagiaire->stagiaire->etablissement->nom }}</td>
                        <td>{{ $stagiaire->stagiaire->etablissement->commune }}</td>
                        <td>
                            @foreach ($disciplines as $discipline)
                                @if ($discipline->id == $stagiaire->stagiaire->discipline_id)
                                {{$discipline->libelle}}
                                @endif
                            @endforeach
                        </td>
                            @if (Auth::user()->role_id > 1)
                            <td>{{ $stagiaire->stagiaire->email}}</td>
                            <td><i style="color:#f8fafc; font-size: 1px">{{$stagiaire->created_at}}</i>{{ ucfirst(Carbon::parse($stagiaire->created_at)->locale('fr_FR')->isoFormat('DD/MM/YYYY'))}}</td>
                            @endif

                            @if (Auth::user()->role_id > 1)
                        <td>
                            <div class="d-flex align-items-center mb-2" title="Désinscription de l'enseignant(e), ACTION IRRÉVERSIBLE">
                            @if(is_object($domaine))
                                <a href="{{ route('stage.desinscriptionenseignant', ['domaine'=>$domaine[0]->id, 'id'=>$id, 'user'=>$stagiaire->stagiaire->id]) }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3" viewBox="0 0 16 16">
                                <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"/>
                                </svg>
                                </a>
                            @else
                            <a href="{{ route('stage.desinscriptionenseignant', ['domaine'=>0, 'id'=>$id, 'user'=>$stagiaire->stagiaire->id]) }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3" viewBox="0 0 16 16">
                                <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"/>
                                </svg>
                                </a>
                            @endif
                            </div>
                        </td>
                            @endif
                    </tr>

                    @endforeach

                </tbody>
        </table>

        </div>
    </div>
    </div>

</div>
@endsection

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />

@endsection

@section('javascript')

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>

<script>
        var btncopy = document.querySelector('.js-copy');
        if(btncopy) {
            btncopy.addEventListener('click', docopy);
        }

        function docopy() {
            var range = document.createRange();
            var target = this.dataset.target;
            var fromElement = document.querySelector(target);
            var selection = window.getSelection();

            range.selectNode(fromElement);
            selection.removeAllRanges();
            selection.addRange(range);

            try {
                var result = document.execCommand('copy');
                if (result) {
                    // La copie a réussi
                    alert('Adresses mails copiées!');
                }
            }
            catch(err) {
                // Une erreur est surevnue lors de la tentative de copie
                alert(err);
            }

            selection = window.getSelection();

            if (typeof selection.removeRange === 'function') {
                selection.removeRange(range);
            } else if (typeof selection.removeAllRanges === 'function') {
                selection.removeAllRanges();
            }
        }
</script>

<script>
    $(document).ready(function () {
        $('#table').DataTable({
            order : [[0, 'asc']],
            "language" : {
                 "url" : "https://cdn.datatables.net/plug-ins/1.11.5/i18n/fr-FR.json"
                }
        });
    });
</script>

@endsection