@extends('layouts.meeting')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.list') !!}
@endsection
@section('content-meeting')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/css/jquery-ui.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script src="/assets/js/jquery.mjs.nestedSortable.js"></script>
    <style>
        .container ul {
            list-style: none;
        }

        @media print {
            .noprint {
                display: none !important;
            }
        }

        .limheight {
            margin-bottom: 0px;
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            /*3 in those rules is just placeholder -- can be anything*/
        }

        .limheight li {
            display: inline-block;
            /*necessary*/
            width: 100%;
        }

        .chosen-container {
            width: 100% !important;
        }

        .document_list {
            margin-left: 5px;
            font-style: italic;
            color: #999;
            text-align: justify;
        }

        .chosen-container .chosen-results li {
            height: 55px;
        }

        .btn-info {
            background-color: #3BAFDA;
            border-color: #3BAFDA;
            margin-left: -30px;
            width: 133px;
        }
    </style>
    <script type="text/javascript">
        function deleteConfirmation(id) {
            swal({
                title: "Delete?",
                text: "Please ensure and then confirm!",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel!",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    $.ajax({
                        type: 'POST',
                        url: "{{ url('/delete') }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                    }).then((results) => {
                        swal("Done!", results.message, "success");
                    }).catch((error) => {
                        swal("Error!", results.message, "error");
                    });
                } else {
                    e.dismiss;
                }
            }, function(dismiss) {
                return false;
            })
        }

        function imprimir() {

            var conteudo = document.getElementById('print').innerHTML;
            var tela = window.open('about:blank');
            tela.document.write(conteudo);
            tela.window.print();
            tela.window.close();
        }
    </script>
    <div class="" id="print">

        <div class="the-box rounded">
            <div class="col-md-9">
                <h2>Pauta da sessão</h2>
            </div>
            <div class="col-md-12">
                <a href="/meeting/pauta/{{ $meeting_id }}/pdf" target="_blank"><button
                        class="pull-right btn btn-info btn-rounded-lg"><i class="fa fa-file-pdf-o"></i> GERAR PDF
                    </button></a>
            </div>
            {{-- <div class="col-md-3 noprint"> --}}
            {{-- <a href="" target="_blank"><button class="pull-right btn btn-info btn-rounded-lg" onclick="imprimir()"><i class="fa fa-file-pdf-o"></i> GERAR PDF </button></a> --}}
            {{-- </div> --}}


            <div class="clearfix"></div>

            

            <div class="">
                <ul class="">
                    @foreach ($structurepautas as $reg)
                        {!! renderNode($reg, 0, 0, $meeting_id) !!}
                    @endforeach
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-12 the-box rounded">
            <a href="/meetings"><button class="btn btn-default">Voltar</button></a>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR DOCUMENTO</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_doc"
                            value="{{ $meeting_id }}">
                        <br>


                        <input type="hidden" class="form-control" name="structure" id="struct_doc"><br>


                        {!! Form::label('document_id', 'Documento:') !!}
                        {!! Form::select('document_id', $docs, null, ['class' => 'chosen form-control']) !!}

                        {!! Form::label('observation', 'Observação:') !!}
                        {!! Form::textarea('observation', null, ['class' => 'form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addDocument()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR PROJETOS DE LEI</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_law"
                            value="{{ $meeting_id }}">
                        <br>


                        <input type="hidden" class="form-control" name="structure" id="struct_law"><br>


                        {!! Form::label('project_law_id', 'Projeto de lei:') !!}
                        {!! Form::select('project_law_id', $lawscreate, null, ['class' => 'chosen form-control']) !!}
                        {!! Form::label('observation', 'Observação:') !!}
                        {!! Form::textarea('observation', null, ['id' => 'observation_law', 'class' => 'form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addProjectLaw()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR PARECER</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_advice"
                            value="{{ $meeting_id }}"> <br>
                        <input type="hidden" class="form-control" name="structure" id="struct_advice"><br>

                        {!! Form::label('advice_id', 'Parecer:') !!}
                        {!! Form::select('advice_id', $advices, null, ['class' => 'chosen form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addAdvices()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        var showFields = function(id, struct, texto, observation) {
            console.log(texto);
            observation = observation ? observation : '';
            var tb = $('#document_' + struct);
            var str1 = '<tr id="document_row_' + id + '"> ';
            str1 += '<td>' + texto + '<br>';
            str1 += '<div class="document_list"> Observação - ' + observation + '</div>';
            str1 += '</td> ';
            str1 += '<td><button type="button" onclick="removeRow(' + id +
                ')" class="btn btn-danger btn-xs">Remover</button></td> ';
            str1 += '</tr>';
            tb.append(str1);
        }
    </script>