@extends('layouts.app')

@section('title')
Voir une consultation
@endsection

@section('page-title')
<a href="{{ route('consultations.consultations.index') }}"><i class="fa fa-arrow-left"></i></a> Consultations <small>Voir : {{ $consultation->long_title }}</small>
@endsection

@section('button-top')
    <a href="{{ route('consultations.consultations.edit', $consultation) }}" class="btn btn-info btn-icon" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Modifier"><i class="fa fa-pen"></i></a>

    @can ('manage faux votes')
        <a href="{{ route('consultations.consultations.createFauxVotes', $consultation) }}" class="btn btn-info btn-icon" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Générer de faux votes"><i class="fa fa-vote-yea"></i></a>
    @endcan

    <button type="button" class="btn btn-danger btn-icon" data-toggle="modal" data-target="#deleteModal{{ $consultation->id }}" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Supprimer"><i class="fa fa-trash-alt"></i></button>
    @include('consultations.delete_modal', ['consultation' => $consultation])


    @if (Auth::user()->can('duplicate consultation'))
        {!! Form::open(array('route' => [ 'consultations.consultations.duplicate', $consultation ], 'method'=>'POST', 'style' => 'display:inline-block;')) !!}
            <button type="submit" class="btn btn-info btn-icon" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Dupliquer"><i class="fa fa-clone" title="Dupliquer"></i></button>
        {!! Form::close() !!}
    @endif

    <a href="{{ route('consultations.consultations.create') }}" class="btn btn-copernic btn-icon" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Créer une nouvelle consultation"><i class="fa fa-plus"></i></a>

@endsection


@section('content')
    <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">Consultation</h5>

                    @role('SuperAdmin')
                        <b>Compte ID :</b> <a href="{{ route('comptes.show', $consultation->compte) }}">#{{ $consultation->compte_id }} - {{ $consultation->compte->name }}</a><br />
                        <b>Consultation ID :</b> #{{ $consultation->id }}<br /><br />
                    @endrole

                    <b>Titre :</b> {{ $consultation->title }}<br />
                    <b>Description :</b><br />{!! linkify(nl2br(e($consultation->description))) !!}<br /><br />
                    
                    <b>Statut :</b> {!!    $consultation->status == Config::get('constants.CONSULT_STATUS.PUBLISH') ? '<span class="badge badge-success"><i class="fa fa-check"></i> Publié</span>' : '<span class="badge badge-secondary"><i class="fa fa-signature"></i> Brouillon</span>' !!}<br />
                    <b>Date de début :</b> {{ $consultation->str_date_debut }}<br />
                    <b>Date de fin :</b> {{ $consultation->str_date_fin }}<br />

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

                    @if (count($consultation->tags))
                        <br /><br />
                        <b>Tags :</b>
                        <ul>
                            @foreach ($consultation->tags as $tag)
                                <li>{{ $tag->name }}</li>
                            @endforeach
                        </ul>
                    @endif

                    <br /><br /><small>Consultation créée le {{ $consultation->created_at->format('d/m/Y') }} par {{ $consultation->creator->prenom_nom }}</small>
                </div>
            </div>
        </div>

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

                    Pour afficher votre consultation, vous devez copier-coller le code ci-dessous sur la page de votre site web sur laquelle vous souhaitez qu'elle apparaisse.

                    <div class="consultation-code">
                        <code class="bgc-grey-100 p-10 mT-20" style="width:100%; display:block; border:1px solid rgba(0, 0, 0, 0.2);">{{ html_entity_decode('<iframe src="https://embed'.(config('app.env') == 'dev' ? '-dev' : '').'.copernic.co/c/'.$consultation->str_id.'" id="copernic-'.$consultation->str_id.'" style="width:100%;max-width:700px;display:block;margin:auto;" height="800" noborder frameborder="0"></iframe>') }}<br />
{{ html_entity_decode('<script src="https://embed'.(config('app.env') == 'staging' ? '-dev' : '').'.copernic.co/js/sdk.js"></script>') }}</code>
                        <a class="copy-block" href="#" data-toggle="tooltip" data-placement="left" title="Copier le code">
                            <i class="fas fa-download"></i>
                        </a>
                    </div>
                </div>
            </div>


            <div class="masonry-item mB-20">
                <div class="bgc-white p-20 bd mB-20">
                    <div class="layer w-100">
                        <h5 class="mB-15">Avancement</h5>
                            @if ($consultation->ends_date)
                                Consultation du {{ $consultation->str_date_debut }} au {{ $consultation->str_date_fin }}.

                                <span class="pull-right c-grey-600 fsz-sm">Se termine dans {{ $consultation->duree_restante_string }}</span>
                                <div class="progress mT-10">
                                    <div class="progress-bar bgc-orange" role="progressbar" aria-valuenow="{{ $consultation->duree_restante_jours_pourcentage }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ $consultation->duree_restante_jours_pourcentage }}%">
                                        <span class="sr-only">{{ $consultation->duree_restante_jours_pourcentage }}% Complete</span>
                                    </div>
                                </div>
                            @else
                                Consultation en cours depuis le {{ $consultation->str_date_debut }}.
                            @endif
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-8">
            <div class="masonry-item mB-20">
                <div class="bgc-white p-20 bd">
                    <h5 class="mB-15">Options de la consultation</h5>
                    <b>Type de consultation :</b> {{ Config::get('constants.CONSULT_TYPE_STRING')[$consultation->type] }}<br />
                    <b>La barre de recherche est affichée dans le widget :</b> {!! $consultation->is_searchbar_displayed == 1 ? '<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>Les participants peuvent soumettre des propositions :</b> {!! $consultation->is_opened == 1 ? '<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>Tri des propositions :</b> {{ Config::get('constants.ORDER_PROPOSITIONS_BY_STRING')[$consultation->order_propositions_by] }}<br />
                    <b>Affichage des résultats :</b> {{ Config::get('constants.DISPLAY_VOTES_STRING')[$consultation->display_votes] }}<br />
                    <b>Les participants doivent se connecter pour voter :</b> {!! $consultation->login_to_vote == 1 ? '<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>Les participants doivent se connecter pour envoyer une propositon :</b> {!! $consultation->login_to_send_proposition == 1 ? '<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>
                        <td colspan="2">Nombre de propositions à afficher : </td>
                            @if (empty($consultation->consultation_prop_max))
                                <td><span class="badge badge-info">8 (par défaut)</span></td>
                            @else
                                <td><span class="badge badge-info">{{$consultation->consultation_prop_max}}</span></td>
                            @endif
                    </b>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="masonry-item mB-20">
                <div class="bgc-white p-20 bd">
                    <h5 class="mB-15">Textes du widget</h5>

                    @if (!empty($consultation->text_proposition_see_more))
                        « En savoir plus sur cette proposition » est remplacé par <b>« {{ $consultation->text_proposition_see_more }} »</b>.<br /><br />
                    @endif

                    @if (!empty($consultation->text_proposition_submit))
                        « Soumettre une proposition » est remplacé par <b>« {{ $consultation->text_proposition_submit }} »</b>.
                    @endif

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


    <div class="row">
        @if (count($consultation->sentPropositions))
            <div class="col-md-12">
                <div class="bgc-white bd bdrs-3 p-20 mB-20">
                    <div class="row">
                        <div class="col-md-11">
                            <h5 class="mB-15">Propositions à valider</h5>
                        </div>
                    </div>

                    <table class="table table-striped">
                        <thead>
                            <tr>
                                @role('SuperAdmin')
                                    <th scope="col">#</th>
                                @endrole
                                <th scope="col">Proposition</th>
                                <th scope="col">Proposé par</th>
                                <th scope="col" style="min-width:190px">Gestion</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($consultation->sentPropositions as $proposition)
                                <tr>
                                    @role('SuperAdmin')
                                        <td>{{ $proposition->id }}</td>
                                    @endrole
                                    <td>{{ $proposition->texte }}</td>
                                    <td>{{ isset($proposition->guest) ? $proposition->prenom : $proposition->participant->prenom_nom }}</td>
                                    <td class="td-btn">
                                        <a href="{{ route('consultations.propositions.confirmSentProposition', $proposition) }}" class="btn btn-success">Accepter</a>

                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#refuseModal{{ $proposition->id }}">Refuser</button>
                                        @include('propositions.refuse_modal', ['proposition' => $proposition])
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif





        <div class="col-md-12">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <div class="row">
                    <div class="col-md-9">
                        <h5 class="mB-15">Propositions en ligne</h5>
                    </div>
                    <div class="col-md-3" style="text-align:right;">
                        <a class="btn cur-p btn-copernic" href="{{ route('consultations.consultations.download', $consultation) }}" target="_blank" style="margin-top: -4px;"><i class="fas fa-file-download"></i> Exporter les propositions</a>
                    </div>
                </div>

                <table class="table table-striped">
                    <thead>
                        <tr>
                            @role('SuperAdmin')
                                <th scope="col">#</th>
                            @endrole

                            @if ($consultation->order_propositions_by == Config::get('constants.ORDER_PROPOSITIONS_BY.MANUALLY'))
                                <th scope="col" style="min-width:60px;"></th>
                            @endif

                            <th scope="col">Proposition</th>
                            <th scope="col">Auteur</th>
                            <th scope="col">
                                @if ($consultation->type == Config::get('constants.CONSULT_TYPE.PLUS_UN'))
                                    Likes
                                @elseif ($consultation->type == Config::get('constants.CONSULT_TYPE.POUR_CONTRE_NEUTRE'))
                                    Votes
                                @else
                                    Choisie ... fois
                                @endif
                            </th>
                            @if ($consultation->type == Config::get('constants.CONSULT_TYPE.POUR_CONTRE_NEUTRE'))
                                <th style="width:10%" class="no-sort"></th>
                            @endif
                            <th scope="col" class="gestion">Gestion</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($consultation->orderedPropositions as $proposition)
                            <tr>
                                @role('SuperAdmin')
                                    <td>{{ $proposition->id }}</td>
                                @endrole

                                @if ($consultation->order_propositions_by == Config::get('constants.ORDER_PROPOSITIONS_BY.MANUALLY'))
                                    <td>
                                        @if ($loop->last)
                                            <div style="display:inline-block; width:12.45px; margin-right:5px;"></div>
                                        @else
                                            {!! Form::open(array('route' => [ 'consultations.consultations.propositionDown', $consultation, $proposition ], 'method'=>'POST', 'style' => 'display:inline-block; margin-right:5px;')) !!}
                                                <button type="submit" class="no-btn btn-inline btn-link" title="Faire descendre la proposition"><i class="fa fa-chevron-down"></i></button>
                                            {!! Form::close() !!}
                                        @endif

                                        @if (!$loop->first)
                                            {!! Form::open(array('route' => [ 'consultations.consultations.propositionUp', $consultation, $proposition ], 'method'=>'POST', 'style' => 'display:inline-block;')) !!}
                                                <button type="submit" class="no-btn btn-inline btn-link" title="Faire monter la proposition"><i class="fa fa-chevron-up"></i></button>
                                            {!! Form::close() !!}
                                        @endif
                                    </td>
                                @endif

                                <td>
                                    @if ($proposition->type == 2 AND !empty($proposition->media_link))
                                        <a href="{{ Storage::url($proposition->media_link) }}" target="_blank" title="Voir l'image de la proposition"><i class="fas fa-image"></i></a>
                                    @elseif ($proposition->type == 3 AND !empty($proposition->media_link))
                                        <a href="{{ $proposition->media_link }}" target="_blank" title="Voir la vidéo"><i class="fas fa-video"></i></a>
                                    @endif
                                    {{ $proposition->title }}
                                </td>
                                <td style="width: 30%">{{ //str_limit($proposition->auteur, 30, '...') 
                                    $proposition->auteur}}</td>
                                <td>
                                    @if ($consultation->type == Config::get('constants.CONSULT_TYPE.PLUS_UN'))
                                        {{ $proposition->count_votes_like }}
                                    @elseif ($consultation->type == Config::get('constants.CONSULT_TYPE.POUR_CONTRE_NEUTRE'))
                                        {{ $proposition->count_votes_pcn }}
                                    @elseif ($consultation->type == Config::get('constants.CONSULT_TYPE.VOTE_UNIQUE'))
                                      {{ $proposition->count_votes_choice }}
                                    @endif
                                </td>
                                @if ($consultation->type == Config::get('constants.CONSULT_TYPE.POUR_CONTRE_NEUTRE'))
                                    <td style="padding-top:4px;">
                                        <div class="row votes-pcn" style="margin:0 0 5px; padding:0; font-size:10px;">
                                            <div class="col-md-4 color-pour">P : {{ $proposition->count_votes_pour }}</div>
                                            <div class="col-md-4 color-neutre">N : {{ $proposition->count_votes_neutre }}</div>
                                            <div class="col-md-4 color-contre">C : {{ $proposition->count_votes_contre }}</div>
                                        </div>

                                        <div class="votes-graph">
                                            <div class="votes-detail votes-pour" style="width:{{ $proposition->votes_pour_pourcentage }}%"></div>
                                            <div class="votes-detail votes-neutre" style="left:{{ $proposition->votes_pour_pourcentage }}%; width:{{ $proposition->votes_neutre_pourcentage }}%"></div>
                                            <div class="votes-detail votes-contre" style="left:{{ $proposition->votes_pour_pourcentage + $proposition->votes_neutre_pourcentage }}%; width:{{ $proposition->votes_contre_pourcentage }}%"></div>
                                        </div>

                                        <div class="row votes-pcn" style="margin:5px 0 0; padding:0; font-size:10px;">
                                            <div class="col-md-4 color-pour">{{ round($proposition->votes_pour_pourcentage) }}%</div>
                                            <div class="col-md-4 color-neutre">{{ round($proposition->votes_neutre_pourcentage) }}%</div>
                                            <div class="col-md-4 color-contre">{{ round($proposition->votes_contre_pourcentage) }}%</div>
                                        </div>
                                    </td>
                                @endif
                                <td class="td-btn" style="width:201px;">
                                    @include('propositions.index_gestion_consultation', ['proposition' => $proposition], ['consultation' => $consultation])
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </br><i class="fas fa-info-circle"></i><small> Prend en compte tous les votes de chaque proposition pour toutes les consultations de même type. </small>
            </div>
        </div>
    </div>


@endsection