@extends('layouts.meeting')
@section('content-meeting')
    @php
        $sessionResultActionLabels = \App\Models\MeetingPauta::sessionResultActionLabels($sessionResult ?? null);
        $sessionResultCloseConfirmation = \App\Models\MeetingPauta::sessionResultCloseConfirmation($sessionResult ?? null);
    @endphp
    @if (isset($voting->closed_at))
        <div class="alert alert-danger alert-block fade in alert-dismissable ">
            {{-- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> --}}
            <strong>
                <h3 class="text-center">VOTAÇÃO ENCERRADA</h3>
            </strong>
        </div>
        <hr>
    @endif
    <h3 class="text-uppercase">
        @if (isset($voting->ata_id))
            @if ($voting->ata_id == null)
                @if ($voting->advice_id == 0)
                    Votação - {{ $voting->getName()[0] }}
                @else
                    {!! $voting->advice->commission->name . ' - ' !!} {{ $voting->getNameAdvice()[0] }}
                @endif
            @else
                ATA - {{ $voting->getAta() }}
            @endif
        @endif
    </h3>
    <div class="clearfix"></div>
    <hr>
    @if (!empty($isNonVotingSessionResult))
        <div class="alert alert-info alert-block fade in">
            <strong>Modo de acompanhamento:</strong> este item está com resultado
            "{{ $sessionResultLabel }}". O telão pode acompanhar este andamento, mas não há coleta de votos nesta etapa.
        </div>
        <hr>
    @endif
    <div class="col-lg-12" style="margin-bottom: 20px;">
        <label>
            <input type="radio" class="pull-left radioBox1" id="contactChoice0" name="assemblyman" value="nenhum"
                style="margin-right: 5px;" onclick="disable_vote()" {{ !empty($isNonVotingSessionResult) ? 'disabled' : '' }}>
            DESMARCAR PARLAMENTAR
        </label>
    </div>

    <div class="clearfix"></div>
    @foreach ($meeting->assemblyman()->where('voting_active', 1)->orderBy('short_name')->get() as $item)
        @if ($item->id > 0)
            <div class="col-sm-3">
                <div class="panel panel-info">
                    <div class="panel-heading" style="min-height: 70px;">
                        <label>
                            <input type="radio" class="pull-left radioBox1" id="contactChoice{{ $item->id }}"
                                name="assemblyman" value="{{ $item->short_name }}" style="margin-right: 5px;"
                                onclick="enable_vote('{{ $item->id }}')" {{ !empty($isNonVotingSessionResult) ? 'disabled' : '' }}>
                            {{ mb_strtoupper($item->short_name) }}
                        </label>
                    </div>
                    <div class="panel-body">
                        @if(\App\Services\ShalomProxyVotingService::enabled())
                            <div class="form-group">
                                <label style="font-size:12px">Este parlamentar representa:</label>
                                <select class="form-control input-sm voting-proxy-select" data-representative-id="{{ $item->id }}">
                                    <option value="">Ninguém</option>
                                    @foreach(\App\Models\Assemblyman::where('active', 1)->orderBy('short_name')->get() as $represented)
                                        @if($represented->id !== $item->id)
                                            <option value="{{ $represented->id }}" {{ (int)($shalomProxies[$item->id] ?? 0) === (int)$represented->id ? 'selected' : '' }}>{{ mb_strtoupper($represented->short_name) }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @if(empty($shalomProxies[$item->id]))
                                    <button type="button" class="btn btn-default btn-xs copy-voting-link" data-assemblyman-id="{{ $item->id }}" style="margin-top:6px"><i class="fa fa-copy"></i> Copiar link</button>
                                @else
                                    <small class="text-info">Recebe o link e vota também pelo parlamentar selecionado.</small>
                                @endif
                            </div>
                        @endif
                        <ul class="list-group">
                            <li class="list-group-item">
                                <label style="width: 100%;">
                                    SIM
                                    <span class="pull-right">
                                        <input type="radio" class="pull-left radioBox" id="vote_{{ $item->id }}_1"
                                            name="{{ $item->id }}_vote" value="yes"
                                            onclick="votes(this, '{{ $item->id }}')" disabled
                                            @if ($meeting->voting()->get()->where('id', $voting->id)->first()->votes()->where('voting_id', $voting->id)->where('assemblyman_id', $item->id)->where('yes', 1)->first()) checked @endif>
                                    </span>
                                </label>
                            </li>
                            <li class="list-group-item">
                                <label style="width: 100%;">
                                    NÃO
                                    <span class="pull-right">
                                        <input type="radio" class="pull-left radioBox" id="vote_{{ $item->id }}_2"
                                            name="{{ $item->id }}_vote" value="no"
                                            onclick="votes(this, '{{ $item->id }}')" disabled
                                            @if ($meeting->voting()->get()->where('id', $voting->id)->first()->votes()->where('voting_id', $voting->id)->where('assemblyman_id', $item->id)->where('no', 1)->first()) checked @endif>
                                    </span>
                                </label>
                            </li>
                            <li class="list-group-item">
                                <label style="width: 100%;">
                                    NULO
                                    <span class="pull-right">
                                        <input type="radio" class="pull-left radioBox" id="vote_{{ $item->id }}_3"
                                            name="{{ $item->id }}_vote" value="abstention"
                                            onclick="votes(this, '{{ $item->id }}')" disabled
                                            @if ($meeting->voting()->get()->where('id', $voting->id)->first()->votes()->where('voting_id', $voting->id)->where('assemblyman_id', $item->id)->where('abstention', 1)->first()) checked @endif>
                                    </span>
                                </label>
                            </li>
                            <li class="list-group-item">
                                <label style="width: 100%;">
                                    AUSENTE
                                    <span class="pull-right">
                                        <input type="radio" class="pull-left radioBox" id="vote_{{ $item->id }}_4"
                                            name="{{ $item->id }}_vote" value="out"
                                            onclick="votes(this, '{{ $item->id }}')" disabled
                                            @if ($meeting->voting()->get()->where('id', $voting->id)->first()->votes()->where('voting_id', $voting->id)->where('assemblyman_id', $item->id)->where('out', 1)->first()) checked @endif>
                                    </span>
                                </label>
                            </li>
                        </ul>
                    </div><!-- /.panel-body -->
                </div><!-- /.panel panel-default -->
            </div>
        @endif
    @endforeach
    <div class="clearfix"></div>
    <hr>
    <div class="col-lg-12">
        @if (!isset($voting->closed_at))
            <div class="col-lg-4 pull-right">
                @if (!empty($isNonVotingSessionResult))
                    <button type="button" class="btn btn-danger pull-right"
                        onclick="confirmCloseSessionFollowUp('/meetings/{{ $meeting->id }}/voting/{{ $voting->id }}/closeVoting')">
                        {{ mb_strtoupper($sessionResultActionLabels['close']) }}
                    </button>
                @else
                    <button type="button" class="btn btn-danger pull-right" data-toggle="modal"
                        data-target="#closeVotingResultModal">
                        ENCERRAR VOTAÇÃO
                    </button>
                @endif
            </div>
        @endif
        <div class="col-lg-4 pull-right">
            @if (isset($voting->closed_at))
                <a href="/meetings/{{ $meeting->id }}/voting/{{ $voting->id }}/cancelVoting"
                    style="margin-right: 15px;" onclick="return confirm('Deseja cancelar votação?')"><button
                        class="btn btn-warning pull-right"> CANCELAR VOTAÇÃO</button></a>
            @endif
        </div>
    </div>

    @if (!isset($voting->closed_at) && empty($isNonVotingSessionResult))
        @php
            $closeVotingResultOptions = \App\Models\MeetingPauta::sessionResultOptions(
                \App\Models\MeetingPauta::STAGE_FINAL_RESULT
            );
        @endphp
        <div class="modal fade" id="closeVotingResultModal" tabindex="-1" role="dialog" aria-hidden="true"
            style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content modal-no-shadow modal-no-border">
                    <div class="modal-header bg-danger no-border">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title text-uppercase">Encerrar votação</h4>
                    </div>
                    <form action="{{ route('meetings.closeVoting', [$meeting->id, $voting->id]) }}" method="GET">
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Resultado final da sessão</label>
                                <select name="session_result" class="form-control">
                                    <option value="">Automático pela contagem dos votos</option>
                                    @foreach ($closeVotingResultOptions as $resultValue => $resultLabel)
                                        <option value="{{ $resultValue }}">{{ $resultLabel }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <p class="text-muted" style="margin-bottom: 0;">
                                Se nenhum resultado final for selecionado, o sistema usará o fechamento automático pela contagem dos votos.
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-danger">Encerrar votação</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    <script>
        @if(function_exists('tenant') && tenant() && (string) tenant('id') === 'shalom')
        $(document).on('change', '.voting-proxy-select', function() {
            var select = $(this);
            $.post('{{ route('shalom.voting-proxy.update', $meeting->id) }}', {
                represented_assemblyman_id: select.val(),
                representative_assemblyman_id: select.data('representative-id'),
                _token: '{{ csrf_token() }}'
            }).done(function() { toastr.success('Vínculo de votação atualizado.'); location.reload(); })
              .fail(function(xhr) { toastr.error((xhr.responseJSON && xhr.responseJSON.message) || 'Falha ao atualizar vínculo.'); location.reload(); });
        });

        $(document).on('click', '.copy-voting-link', function() {
            var button = $(this).prop('disabled', true);
            $.get('/meetings/voting-link/' + button.data('assemblyman-id')).done(function(response) {
                if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(response.url);
                else { var input = $('<input>').val(response.url).appendTo('body').select(); document.execCommand('copy'); input.remove(); }
                toastr.success('Link individual copiado.');
            }).fail(function(xhr) { toastr.error((xhr.responseJSON && xhr.responseJSON.message) || 'Falha ao gerar link.'); })
              .always(function() { button.prop('disabled', false); });
        });
        @endif

        var enable_vote = function(assemblyman_id) {
            if ($('#contactChoice' + assemblyman_id).is(':checked')) {
                for (var i = 1; i <= 4; i++) {
                    $('#vote_' + assemblyman_id + '_' + i).attr('disabled', false);
                }

                url = '{{ route('meetings.updateAssemblyman', [$meeting->id, $voting->id]) }}';

                data = {
                    assemblyman_id: assemblyman_id,
                    _token: '{{ csrf_token() }}'
                }

                $.ajax({
                    url: url,
                    data: data,
                    method: 'POST'
                }).success(function(data) {
                    data = JSON.parse(data);
                    if (data) {
                        // toastr.success('Paralamentar '+data.short_name+' em votação!');
                    } else {
                        toastr.error('Falha ao selecionar parlamentar');
                    }
                })
            }
        };

        var disable_vote = function() {
            $('.radioBox').attr('disabled', true);

            url = '{{ route('meetings.updateAssemblyman', [$meeting->id, $voting->id]) }}';
            data = {
                assemblyman_id: null,
                _token: '{{ csrf_token() }}'
            }

            $.ajax({
                url: url,
                data: data,
                method: 'POST'
            }).success(function(data) {
                data = JSON.parse(data);
                console.log(data);
                if (data == null) {
                    toastr.success('Nenhum paralamentar selecionado!');
                } else {
                    toastr.error('Falha ao desmarcar parlamentar');
                }
            })
        }

        var votes = function(t, id) {
            url = '{{ route('meetings.registerVote') }}';
            data = {
                meeting_id: '{{ $meeting->id }}',
                voting_id: '{{ $voting->id }}',
                assemblyman_id: id,
                votes: $('#' + t.id).val(),
                _token: '{{ csrf_token() }}'
            }

            $.ajax({
                url: url,
                data: data,
                method: 'POST'
            }).success(function(data) {
                data = JSON.parse(data)
                if (data) {
                    // toastr.success('Voto efetuado com sucesso!');
                } else {
                    toastr.error('Falha ao registrar voto!');
                }
            })
        }

        var confirmCloseSessionFollowUp = function(url) {
            Swal.fire({
                title: @json($sessionResultCloseConfirmation['title']),
                text: @json($sessionResultCloseConfirmation['text']),
                icon: @json($sessionResultCloseConfirmation['icon']),
                showCancelButton: true,
                confirmButtonColor: '#6c5ce7',
                cancelButtonColor: '#d33',
                confirmButtonText: @json($sessionResultCloseConfirmation['confirm']),
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    try {
                        sessionStorage.setItem('meetingVotingSuccessToast',
                            '{{ \App\Models\MeetingPauta::sessionResultCompletionMessage($sessionResult ?? null) }}');
                    } catch (error) {}
                    window.location.href = url;
                }
            });
        }

        $(document).ready(function() {
            @if (isset($voting->closed_at))
                $(".radioBox").attr('disabled', true);
                $(".radioBox1").attr('disabled', true);
            @endif

            @if (!empty($isNonVotingSessionResult))
                $(".radioBox").attr('disabled', true);
                $(".radioBox1").attr('disabled', true);
            @endif

            setInterval(function(args) {

                $.ajax({
                    url: '/voting/getVotes',
                    method: 'GET'
                }).success(function(response) {
                    response = JSON.parse(response);

                    if (response) {
                        $.each(response, function(key, value) {
                            if (value.yes == 1)
                                $('#vote_' + value.assemblyman_id + '_1').attr('checked',
                                    true);

                            if (value.no == 1)
                                $('#vote_' + value.assemblyman_id + '_2').attr('checked',
                                    true);

                            if (value.abstention == 1)
                                $('#vote_' + value.assemblyman_id + '_3').attr('checked',
                                    true);
                            console.log(value);
                        })
                    }
                })

            }, 1000);
        })
    </script>
@endsection