@extends('panelVoting.tablet.master')
@section('content')
    <style>
        .btn-lg {
            white-space: normal;
            line-height: 1.5;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }


        .col-md-4,
        .col-md-6 {
            flex: 1;
            margin-bottom: 15px;
        }

        /* For mobile phones: */
        [class*="col-"] {
            width: 100%;
        }
    </style>
    <div class="container mt-5">
        <div class="card">
            <div class="p-3 bg-custom text-white">
                <h4 class="title-card-presence">Votação</h4>
            </div>

            <div class="row mt-5 mb-5">
                <!-- Group 1 -->
                <div class="col-4 col-md-4 mb-3">
                    <div class="the-box">
                        <div class="card-body text-center">
                            <button class="btn-pauta mobile-button" type="button" data-bs-toggle="offcanvas"
                                data-bs-target="#offcanvasScrollingAta" aria-controls="offcanvasScrolling">
                                <i class="fas fa-book"> ATA</i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-4 col-md-4 mb-3">
                    <div class="the-box">
                        <div class="card-body text-center">
                            <button class="btn-pauta mobile-button" type="button" data-bs-toggle="offcanvas"
                                data-bs-target="#offcanvasScrollingDocument" aria-controls="offcanvasScrolling">
                                <i class="fas fa-file-alt"> DOCUMENTO</i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-4 col-md-4 mb-3">
                    <div class="the-box">
                        <div class="card-body text-center">
                            <button class="btn-pauta mobile-button" type="button" data-bs-toggle="offcanvas"
                                data-bs-target="#offcanvasScrollingProjects" aria-controls="offcanvasScrolling">
                                <i class="fas fa-file-signature"> PROJETO</i>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- Group 2 -->
                <div class="row">
                    <div class="col-4 col-md-4 mb-3">
                        <div class="the-box">
                            <div class="card-body text-center">
                                <button class="btn-pauta mobile-button" type="button" data-bs-toggle="offcanvas"
                                    data-bs-target="#offcanvasScrollingAdvices" aria-controls="offcanvasScrolling">
                                    <i class="fas fa-comment-alt"> PARCER</i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-4 col-md-4 mb-3">
                        <div class="the-box">
                            <div class="card-body text-center">
                                <button class="btn-pauta mobile-button" type="button" data-bs-toggle="offcanvas"
                                    data-bs-target="#offcanvasScrollingResume" aria-controls="offcanvasScrolling">
                                    <i class="fas fa-list-ul"> RESUMO</i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('panelVoting.tablet.admin.pauta.resume')
    @include('panelVoting.tablet.admin.pauta.ata')
    @include('panelVoting.tablet.admin.pauta.documents')
    @include('panelVoting.tablet.admin.pauta.advices')
    @include('panelVoting.tablet.admin.pauta.projects')
    @include('panelVoting.tablet.admin.pauta.modal')
    <script>
        var icon_toogle = function(icon) {
            if ($(icon).attr('class') == 'fa fa-arrow-down') {
                $(icon).removeClass('fa fa-arrow-down');
                $(icon).addClass('fa fa-arrow-up');
            } else {
                $(icon).removeClass('fa fa-arrow-up');
                $(icon).addClass('fa fa-arrow-down');
            }

        }


        var voting_document = function(doc) {
            var doc_id = $('#document_id').val(doc.id);

            var name = "";

            if (doc.document_type.parent_id) {
                name = doc.document_type.parent.name + '::';
            }
            name = name + doc.document_type.name + ' - ';

            if (doc.number == 0) {} else {
                const new_date = doc.date.split('/')
                const date_finish = new_date[2] + '-' + new_date[1] + '-' + (parseInt(new_date[0], 10) % 100)
                name = name + doc.number + '/' + new Date(date_finish).getFullYear();
            }

            $('#author_name').val('{!! $docs[0]->owner->short_name ?? '' !!}');
            var meeting_id = $('#document_name').val(name);
        }

        var voting_law = function(law) {
            var law_id = $('#law_id').val(law.id);
            var meeting_id = $('#meeting_id').val('{{ $meeting->id }}');

            var name = "";

            if (!law.law_type) {
                name = law.law_type_id + ' : '
            } else {
                name = law.law_type.name.toUpperCase() + ' : ';
            }

            var year = law.law_date.split('/');

            name = name + law.project_number + '/' + year[2];

            var meeting_id = $('#law_name').val(name);
        }

        var voting_advice = function(advice) {
            console.log(advice);

            var advice_id = $('#advice_id').val(advice.id);
            var meeting_id = $('#meeting_id').val('{{ $meeting->id }}');

            var name = "";
            $('#commission_name').text(advice.commission.name);
            if (advice.document_id > 0) {
                if (advice.document.document_type.parent_id) {
                    name = advice.document.document_type.parent.name + '::';
                }
                name = name + advice.document.document_type.name + ' - ';

                if (advice.document.number == 0 || $statuses[$request->get('status')]) {} else {
                    data = advice.document.date.split('/');
                    name = 'DOCUMENTO : ' + name + advice.document.number + '/' + data[2];
                }

       
}                
                var meeting_id = $('#advice_name').val(name);
            }

            if (advice.laws_projects_id > 0) {

                data = advice.project.law_date.split('/');

                name = ' PROJETO DE LEI : ' + advice.project.law_type.name + ' - ' + advice.project.project_number +
                    '/' + data[2];
                var meeting_id = $('#advice_name').val(name);
            }
        }
    </script>
@endsection