@extends('layouts.meeting')
@section('content-meeting')
    @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>
    <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()">
            DESMARCAR PARLAMENTAR
        </label>
    </div>

    <div class="clearfix"></div>
    @foreach ($meeting->assemblyman()->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 }}')">
                            {{ mb_strtoupper($item->short_name) }}
                        </label>
                    </div>
                    <div class="panel-body">
                        <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">
                <a href="/meetings/{{ $meeting->id }}/voting/{{ $voting->id }}/closeVoting"
                    onclick="return confirm('Deseja encerrar votação?')"><button class="btn btn-danger pull-right"> ENCERRAR
                        VOTAÇÃO</button></a>
            </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>

    <script>
        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!');
                }
            })
        }

        $(document).ready(function() {
            @if (isset($voting->closed_at))
                $(".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