@extends('layouts.app')

@section('title')
Voir un engagement
@endsection

@section('page-title')
<a href="{{ route('suivi.engagements.index') }}"><i class="fa fa-arrow-left"></i></a> engagements <small>Voir : {{ $engagement->name }}</small>
@endsection

@section('button-top')
<a href="{{ route('suivi.engagements.edit', $engagement) }}" class="btn btn-info btn-icon"><i class="fa fa-pen"></i></a> <button type="button" class="btn btn-danger btn-icon" data-toggle="modal" data-target="#deleteModal{{ $engagement->id }}"><i class="fa fa-trash-alt"></i></button>
@include('suivi.engagements.delete_modal', ['engagement' => $engagement])
@endsection

@section('content')

    
    <ul class="nav nav-tabs mB-20" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="stats-tab" data-toggle="tab" href="#stats" role="tab" aria-controls="stats" aria-selected="false">Statistiques</a>
        </li>
    </ul>


    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <div class="row">
                <div class="col-md-6">
                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            <h5 class="mB-15">engagement</h5>

                            <b>Nom :</b> {{ $engagement->name }}<br />

                            @if (!empty($engagement->display_name))
                                <b>Nom d'affichage :</b> {{ $engagement->display_name }}<br />
                            @endif

                            <b>Domaine du site :</b> {{ $engagement->site_url }}<br />

                            @if (!empty($engagement->account_css))
                                <span class="badge badge-info">CSS personnalisé</span>
                            @endif

                            @if (count($engagement->tags))
                                <br /><br />
                                <b>Tags :</b>
                                    @foreach ($engagement->tags as $tag)
                                        {{ $tag->name }}{{ $loop->last ? '' : ',' }}
                                    @endforeach
                                </ul>
                            @endif

                            @if (!empty($engagement->comments))
                                <br /><br /><b>Commentaires :</b><br />
                                {!! nl2br($engagement->comments) !!}
                            @endif
                        </div>
                    </div>

                    @if ($engagement->koba_instance)
                        <div class="masonry-item mB-20">
                            <div class="p-20 bd alert-info">
                                <h5 class="mB-15">engagement Koba</h5>

                                <div class="row">
                                    <div class="col-md-6">
                                        <b>Koba ID :</b> {{ $engagement->koba_instance->koba_id }}
                                    </div>
                                    <div class="col-md-6">
                                        <b>Koba Slug :</b> {{ $engagement->koba_instance->slug }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>


                <div class="col-md-6">
                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            <h5 class="mB-15">Gestion</h5>

                            <b>engagement actif :</b> {!! $engagement->is_active ? '<span class="badge badge-success"><i class="fa fa-check"></i> Actif</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Inactif</span>' !!}<br />

                            <b>Le logo Copernic est affiché dans le widget :</b> {!! $engagement->display_copernic_logo ? '<span class="badge badge-success"><i class="fa fa-check"></i> Oui</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Non</span>' !!}<br />

                            <b>Date de fin de contrat :</b> {!! empty($engagement->date_end_subscription) ? '<em>Pas de date de fin</em>' : $engagement->date_end_subscription->format('d/m/Y') !!}

                            
                            <br /><br /><b>Template Mailjet pour la validation d'une propositions :</b>
                            @if (empty($engagement->proposition_validation_mail_id))
                                <em>Par défaut</em>
                            @else
                                ID {{ $engagement->proposition_validation_mail_id }}
                            @endif
                            
                        </div>
                    </div>

                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            <h5 class="mB-15">Administrateurs</h5>

                            @if (count($engagement->administrateurs) == 0)
                                <em>Ce engagement n'a aucun administrateur.</em><br /><br />
                            @else
                                <ul>
                                    @foreach ($engagement->administrateurs as $administrateur)
                                        <li>{{ $administrateur->prenom_nom }} @if (isset($engagement->referent) && $engagement->referent->id == $administrateur->id) (référent) @endif </li>
                                    @endforeach
                                </ul>
                            @endif

                            <div class="text-muted mt-3">L'ajout d'un administrateur se fait depuis la page de <a href="{{ route('administrateurs.index') }}">gestion des administrateurs</a>.</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            <h5 class="mB-15">Options activées pour le engagement</h5>

                            @if (empty($engagement->options))
                                <em>Aucune option n'a été configurée.</em>
                            @else

                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th colspan="2">Option</th>
                                            <th>Activé</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (isset($engagement->options->type))
                                            <tr>
                                                <td rowspan="3">Type de consultation</td>
                                                <td>+1 sur chaque proposition</td>
                                                <td>{!! in_array(config('constants.CONSULT_TYPE.PLUS_UN'), $engagement->options->type) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                            <tr>
                                                <td>Pour / Neutre / Contre sur chaque proposition</td>
                                                <td>{!! in_array(config('constants.CONSULT_TYPE.POUR_CONTRE_NEUTRE'), $engagement->options->type) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                            <tr>
                                                <td>Vote unique sur une seule proposition de la question</td>
                                                <td>{!! in_array(config('constants.CONSULT_TYPE.VOTE_UNIQUE'), $engagement->options->type) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                        @endif

                                        @if (isset($engagement->options->login_to_vote))
                                            <tr>
                                                <td colspan="2">Connexion obligatoire pour voter</td>
                                                <td>{!! $engagement->options->login_to_vote ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                        @endif

                                        @if (isset($engagement->options->is_opened))
                                            <tr>
                                                <td colspan="2">Consultation ouverte (possibilité de soumettre des propositions)</td>
                                                <td>{!! $engagement->options->is_opened ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                        @endif

                                        @if (isset($engagement->options->login_to_send_proposition))
                                            <tr>
                                                <td colspan="2">Connexion obligatoire pour envoyer une proposition</td>
                                                <td>{!! $engagement->options->login_to_send_proposition ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                        @endif

                                        
                                        <tr>
                                            <td colspan="2">Nombre de propositions à afficher par défaut</td>
                                                @if (empty($engagement->engagement_prop_max))
                                                    <td><span class="badge badge-info">8 (par défaut)</span></td>
                                                @else
                                                    <td><span class="badge badge-info">{{$engagement->engagement_prop_max}}</span></td>
                                                @endif
                                        </tr>
                                        

                                        @if (isset($engagement->options->display_votes))
                                            <tr>
                                                <td rowspan="3">Affichage des résultats</td>
                                                <td>Ne sont jamais affichés</td>
                                                <td>{!! in_array(config('constants.DISPLAY_VOTES.NON'), $engagement->options->display_votes) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                            <tr>
                                                <td>Sont affichés lorsque l'administrateur a lui-même voté</td>
                                                <td>{!! in_array(config('constants.DISPLAY_VOTES.APRES_VOTE'), $engagement->options->display_votes) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                            <tr>
                                                <td>Sont affichés à tout moment</td>
                                                <td>{!! in_array(config('constants.DISPLAY_VOTES.OUI'), $engagement->options->display_votes) ? '<span class="badge badge-success"><i class="fa fa-check"></i> Activé</span>' : '<span class="badge badge-danger"><i class="fa fa-times"></i> Désactivé</span>' !!}</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>

                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            <h5 class="mB-15">Toutes les propositions du engagement</h5>

                            <ul>
                                @foreach ($engagement->propositions as $proposition)
                                    <li>{{ $proposition->title }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd">
                            @php //dd($engagement->consultationsInProgress); @endphp
                            <h5 class="mB-15">Consultations en cours ({{ count($engagement->consultationsInProgress) }})</h5>

                            @if (count($engagement->consultationsInProgress))
                                <ul>
                                    @foreach ($engagement->consultationsInProgress as $consultation)
                                        <li><a href="{{ route('consultations.consultations.show', $consultation->id) }}">{{ $consultation->title }}</a> ({{ Config::get('constants.CONSULT_TYPE_STRING_ABBREV')[$consultation->type] }})
                                            <ul>
                                                <li>Nombre de propositions : {{ count($consultation->propositions) }}</li>
                                                <li>Nombre de votes : {{ count($consultation->votes) }}</li>
                                            </ul>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <em>Aucune consultation en cours</em>
                            @endif

                        </div>
                    </div>

                    <div class="masonry-item mB-20">
                        <div class="bgc-white p-20 bd mT-20">
                            <h5 class="mB-15">Consultations terminées ({{ count($engagement->consultationsEnded) }})</h5>

                            @if (count($engagement->consultationsEnded))
                                <ul>
                                    @foreach ($engagement->consultationsEnded as $consultation)
                                        <li><a href="{{ route('consultations.consultations.show', $consultation->id) }}">{{ $consultation->title }}</a></li>
                                    @endforeach
                                </ul>
                            @else
                                <em>Aucune consultation terminée</em>
                            @endif

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

        <div class="tab-pane fade" id="stats" role="tabpanel" aria-labelledby="stats-tab">
            <div class="masonry-item mB-20">
                <div class="bgc-white p-20 bd">   
                    <div class="row">
                        <div class="col-md-9">
                            <h5 class="mB-15">Palmarès</h5>
                            @if (!empty($charg_consultation))
                                <b>Consultation la plus chargée :</b> {{ $charg_consultation->title }}<br />
                            @endif
                            @if (!empty($vote_consultation))
                                <b>Consultation la plus votée :</b> {{ $vote_consultation->title }} ({{ $vote_consultation_max }}/{{ count($engagement->votes) }} soit {{ round($vote_consultation_max / count($engagement->votes) * 100) }}%)<br />
                            @endif
                            @if (!empty($charg_proposition))
                                <b>Proposition la plus chargée :</b> {{ $charg_proposition->title }}<br />
                            @endif
                            @if (!empty($vote_proposition))
                                <b>Proposition la plus votée :</b> {{ $vote_proposition->title }} ({{ $vote_proposition_max }}/{{ count($engagement->votes) }} soit {{ round($vote_proposition_max / count($engagement->votes) * 100) }}%)<br />
                            @endif                    
                        </div>
                    </div>
                </div>
            </div>

            <div class="masonry-item mB-20">
                <div class="bgc-white p-20 bd">
                    <h5 class="mB-15">Quelques chiffres</h5>

                    <div class="row">
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->consultationsInProgress) }}</span><br />consultations en cours</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ $engagement->count_propositions }}</span><br />propositions</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ $engagement->count_votes_total }}</span><br />votes</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->consultationsEnded) }}</span><br /> consultations terminées</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->participants) }}</span><br />participants</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ $engagement->count_guests }}</span><br />invités</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs) }}</span><br />Nombre d'actions totales</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs()->whereAction('login')->get()) }}</span><br />Nombre de connexions</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs()->whereAction('load consultation')->get()) }}</span><br />Nombre de chargements sur les consultations</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs()->whereAction('load proposition')->get()) }}</span><br />Nombre de propositions chargées</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs()->whereAction('vote on proposition')->get()) }}</span><br />Nombre de clics sur un bouton vote</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">{{ count($engagement->logs()->whereAction('cancel vote on proposition')->get()) }}</span><br />Nombre de votes retirés</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">
                            @if (count($engagement->consultations) > 0)
                                {{ round((count($engagement->logs()->whereAction('load consultation')->get()) / count($engagement->consultations)), 2)}}
                            @else 
                                0
                            @endif
                            </span><br />Nombre moyen de chargements par consultation</div>
                        <div class="col-md-4 fw-500 ta-c mB-30"><span class="fsz-xl fw-700 lh-3/2">
                            @if (count($engagement->consultations) > 0)
                                {{ round((count($engagement->logs()->whereAction('vote on proposition')->get()) / count($engagement->consultations)), 2)}}
                            @else 
                                0
                            @endif
                            </span><br />Nombre moyen de clics sur un bouton vote par consultations</div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection