@extends('layouts.voting_master')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.show') !!}
@endsection
@section('content')
    <div class="container">
        <div class="row">

            <div class="col-6 col-md-4 mb-4">
                <div class="card small-card">
                    <img id="assemblyman_image" src="" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h3 id="assemblyman_voting" class="card-title text-uppercase"> - </h3>
                        <p class="card-text">
                        <h3 class="session"> SESSÃO - </h3>
                        <small class="type"> TIPO - </small>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-8">
                <div class="accordion">
                    <h1 class="py-2 my-3 text-center text-white text-uppercase bg-dark name_voting text-reset"
                        style="font-size: 27px;"> - </h1>
                    <div class="py-2 my-3 text-center text-white text-uppercase bg-dark name_voting2"
                        style="font-size: 16px;display:none;"> - </div>
                    <div class="py-2 my-3 text-center text-white text-uppercase bg-dark resume-document"
                        style="font-size: 16px;"> - </div>
                </div>

                <div class="voting-section">
                    <div class="col-lg-4 col-md-4 mb-3">
                        <div class="assemblyman_vote btn-primary" id="yes" onclick="voting(this)">
                            SIM
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 mb-3">
                        <div class="assemblyman_vote btn-warning" id="abstention" onclick="voting(this)">
                            ABSTER-SE
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 mb-3">
                        <div class="assemblyman_vote btn-danger" id="no" onclick="voting(this)">
                            NÃO
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <hr>

    </div>

    <div class="row mb-4">
        <button type="button" class="btn btn-default pull-right" onclick="javascript:history.go(-1)">
            VOLTAR
        </button>
    </div>

    <script>
        var updateSummary = function() {
            var fullText = $('.name_voting2').text();
            var summary = fullText.substring(0, 100);

            if (fullText.length > 100) {
                summary += '... <span class="show-more" style="color:blue;cursor:pointer;">Ver mais</span>';
            }

            $('.resume-document').html(summary);
        };

        $(document).on('click', '.show-more', function() {
            var fullText = $('.name_voting2').text();
            $('.resume-document').html(fullText);
        });

        function toggleAccordion(element) {
            let accordionBody = element.nextElementSibling;
            accordionBody.classList.toggle('show');
        }

        updateSummary();

        var myInterval;

        $(document).ready(function() {
            var refresh_time = 1000;

            $('.assemblyman_vote').attr('disabled', true);
            $('.assemblyman_vote').css("pointer-events", "none");

            clear_painel();
        });

        var clear_painel = function() {
            clearInterval(myInterval);
            myInterval = setInterval(function(args) {
                getData("/painel-votacao-parlamentar/{{ $id }}/data");
            }, 1000);
        }

        var voting_painel = function() {
            clearInterval(myInterval);
            myInterval = setInterval(function(args) {
                getData("/painel-votacao-parlamentar/{{ $id }}/data");
            }, 5000);
        }
        var getData = function() {
            $.ajax({
                url: "/painel-votacao-parlamentar/{{ $id }}/data",
                method: "GET"
            }).success(function(response) {
                response = JSON.parse(response);

                if (response.status) {
                    setData(response);
                    console.log(response)
                } else {
                    resetPainel();
                    clear_painel();
                }
            });
        };

        var setData = function(data) {

            if (data.name[0].length < 2) {
                $('.name_voting').html(data.name);
                $('.name_voting2').html('Sem registro');
            } else {
                $('.name_voting').html(data.name[0]);
                $('.name_voting2').html(data.name[1]);
            }

            updateSummary();

            $('.session').html(data.meeting.session);
            $('.type').html(data.meeting.type);
            $('#assemblyman_voting').html(data.assemblyman.name);

            var assemblyan = '{{ $id }}';

            if (data.assemblyman.image) {
                $('#assemblyman_image').attr('src', data.assemblyman.image);
            } else {
                $('#assemblyman_image').attr('src', '#');
            }

            if (assemblyan == data.assemblyman.id) {
                $('.assemblyman_vote').attr('disabled', true);
                $('.assemblyman_vote').css("pointer-events", "none");
            } else {
                $('.assemblyman_vote').attr('disabled', false);
                $('.assemblyman_vote').css("pointer-events", "auto");
            }

            if (!data.active) {
                $('.assemblyman_vote').attr('disabled', true);
                $('.assemblyman_vote').css("pointer-events", "none");
            } else {
                if (assemblyan == data.assemblyman.id) {
                    $('.assemblyman_vote').attr('disabled', true);
                    $('.assemblyman_vote').css("pointer-events", "none");
                } else {
                    $('.assemblyman_vote').attr('disabled', false);
                    $('.assemblyman_vote').css("pointer-events", "auto");
                }
            }

            voting_painel();
        };

        var resetPainel = function() {
            $('.assemblyman_vote').attr('disabled', true);
            $('.assemblyman_vote').css("pointer-events", "none");
            $('.text_reset').html("-");
            $('.session').html('SESSÃO - ');
            $('.type').html('TIPO - ');
            $('#assemblyman_voting').html('PARLAMENTAR  - ');
        };
    </script>

    <script>
        var voting = function(element) {
            var url = '/voting/assemblyman/computeVoting';

            var data = {
                votes: $(element).attr('id'),
                assemblyman_id: '{{ $id }}',
                _token: '{{ csrf_token() }}'
            };

            $.ajax({
                url: url,
                data: data,
                method: 'POST'
            }).success(function(data) {
                data = JSON.parse(data);
                if (data) {
                    toastr.success('Voto computado com sucesso!');
                    clear_painel();
                } else {
                    toastr.error('Falha ao computar voto!');
                }
            });
        };
    </script>
@endsection