@extends('layouts.dash')

@section('title') Sessions de stage @stop
@section('title_card',"")
@section('subtitle_card',"Liste")

@section('content')
    <div class="card">
        <div class="card-header">
            <h3>Formations</h3>
        </div>
        <div class="card-body">
            <div class="row form-inline">
                <div class="form-group col-md-12">
                    <div class='col-md-5'>
                        {!! html()->select('select_id_etablissement')->options(null,'')
                            ->attributes(['id'=>'select_id_etablissement','class' => 'select2 form-control'])  !!}
                    </div>
                    <div class='col-md-3'>
                        {!! html()->select('select_id_niveau')->options($niveaux)->value(($id_niveau)?$id_niveau:'')
                            ->placeholder('Niveau')
                            ->attributes(['id'=>'select_id_niveau','class' => 'form-control']) 
                        !!} 
                    </div>
                    @if($id_etablissement)
                        <div class='col-md-4'>
                            <a title="Afficher la liste des sessions" href="{{ url('stage_sessions_print_liste/'.$id_etablissement.($id_niveau?'/'.$id_niveau:'')) }}" class="btn btn-sm btn-outline-primary box_input">
                                <i class="fas fa-list"></i>&nbsp;Liste .pdf
                            </a>
                            <a title="Afficher le calendrier" href="{{ url('calendrier_stages/'.$id_etablissement.($id_niveau?'/'.$id_niveau:'')) }}" class="btn btn-sm btn-outline-primary box_input">
                                <i class="fas fa-calendar-days"></i>&nbsp;Calendrier
                            </a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="row" style="margin-top:20px;">
               <div class="form-group col-md-12"> 
                    <table id="_table" class="table table-bordered table-hover dataTable dtr-inline" role="grid">
                        <thead>
                            <tr>
                                <th>Etablissement</th>
                                <th >Designation</th>
                                <th width='1px'>Niveau</th>
                                <th >Domaine</th>
                                @if($user->hasRole("ADMINISTRATEUR") || $user->hasRole("ADMINISTRATEUR FONCTIONNEL") || ($id_etablissement==$user->id_etablissement))
                                <th >Offres</th>
                                <th >Stagiaires</th>
                                @endif
                                <th width='1px'>Sessions de stage</th>
                                 @if($user->hasRole("ADMINISTRATEUR") || $user->hasRole("ADMINISTRATEUR FONCTIONNEL") || ($id_etablissement==$user->id_etablissement)) 
                                <th width='1px'></th>
                                @endif
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($formations as $formation)
                            @php
                                $sessions= $formation->SessionsStages;
                                $nb_sessions=count($sessions);
                                $k=0;
                            @endphp
                            <tr>
                                <td>{!! $formation->EtablissementNom !!}</a></td>
                                <td>{!! $formation->libelle !!}</td>
                                <td>{!! $formation->NiveauNom !!}</td>
                                <td>{!! $formation->DomaineNom !!}</td>  
                                @if($user->hasRole("ADMINISTRATEUR") || $user->hasRole("ADMINISTRATEUR FONCTIONNEL") || ($id_etablissement==$user->id_etablissement))
                                <td>{!! $formation->NbOffres !!}</td>  
                                <td>{!! $formation->NbStagiaires !!}</td>
                                @endif
                                <td nowrap align="left" >
                                    @if($user->hasRole("ADMINISTRATEUR") || $user->hasRole("ADMINISTRATEUR FONCTIONNEL") || ($id_etablissement==$user->id_etablissement))
                                        @if($nb_sessions>0)
                                             @foreach($sessions as $session)
                                                @php $k++; @endphp
                                                @if($k>1) <br> @endif
                                                <span>
                                                    <a title="modifier la session" href="{{ url('stage_sessions_show/'.$session->id) }}" class='btn btn-sm btn-default  box_input fancybox.iframe' 
                                                        style="margin-bottom:2px;text-align:left;">
                                                        <span title="Couleur d'affichage" class="badge " style="background-color:{{ $session->color }}">&nbsp;</span>
                                                        {{ $session->nom }}&nbsp;du&nbsp;{{ $session->DateDebut }}&nbsp;AU&nbsp;{{ $session->DateFin }}
                                                    </a>
                                                    

                                                </span>
                                             @endforeach
                                        @endif
                                    @else
                                        @foreach($sessions as $session)
                                            {{ $session->nom }}&nbsp;du&nbsp;{{ $session->DateDebut }}&nbsp;AU&nbsp;{{ $session->DateFin }}
                                        @endforeach
                                    @endif
                                </td> 
                                @if($user->hasRole("ADMINISTRATEUR") || $user->hasRole("ADMINISTRATEUR FONCTIONNEL") || ($id_etablissement==$user->id_etablissement)) 
                                <td nowrap>
                                    <a title="Ajouter une session" href="{{ url('stage_sessions_create/'.$formation->id) }}" class="btn btn-sm btn-outline-warning box_input fancybox.iframe">
                                        <i class="fas fa-plus"></i>Ajouter une session
                                    </a> 
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('styles')
    <!-- FancyBox -->
    <link media="all" type="text/css" rel="stylesheet" href="{{ url('css/jquery.fancybox.css') }}">
    <link media="all" type="text/css" rel="stylesheet" href="{{ url('css/jquery.fancybox-buttons.css') }}">
@stop

@section('scripts')
    <!-- FancyBox -->
    <script src="{{ url('js/jquery.fancybox.js') }}"></script>

    <script>
        $(".box_input").fancybox({
            
            autoDimensions:false,
            fitToView   : false,
            autoSize    : false,
            closeClick  : true,
            openEffect  : 'fade',
            closeEffect : 'fade',
            afterLoad: function () {

            },
            afterClose: function () {

            }
        });
    </script>

    
    <script>
      $(function () {
        var etablissements_json={!! $etablissements_json !!};

        $('#select_id_etablissement').select2({
            width:'100%',
            data: etablissements_json,
            placeholder:"Etablissement"
        });
        $('#select_id_etablissement').val('{{ $id_etablissement}}').trigger("change");


        $('#select_id_niveau').change( function() {filtre(); });
        $('#select_id_etablissement').change( function() {filtre(); });
        $(document).on("select2:open", () => {
          document.querySelector(".select2-container--open .select2-search__field").focus()
        })

        function filtre() {
            var select_id_niveau = $('#select_id_niveau').val();
            if(select_id_niveau=="") select_id_niveau=0;
            var select_id_etablissement = $('#select_id_etablissement').val();
            if(select_id_etablissement=="") select_id_etablissement=0;

            var url="{!! url('stage_sessions_filtre/') !!}/"+select_id_etablissement+"/"+select_id_niveau;
            location.href=url;
        }
    })
    </script>

    @include("forms.scripts_datatable")
@endsection