@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('home') !!}
@endsection
@section('content')
    <style>
        .alert>p,
        .alert>ul {
            font-weight: 300;
        }

        .lista li {
            margin: 0;
            padding: 0;
            text-align: left;
            list-style-type: none;
        }

        .text-card {
            text-align: start;
            margin-left: 50px;
        }

        .display-count-danger {
            display: none;
        }

        .panel-danger:hover .display-count-danger {
            display: block;
        }

        .display-count-info {
            display: none;
        }

        .panel-info:hover .display-count-info {
            display: block;
        }

        .title-card {
            text-decoration: none !important;
            color: white;
        }

        .title-card:hover {
            text-decoration: none !important;
            color: white;
        }
    </style>
    <h1 class="page-heading" style="margin-top: 0;">DASHBOARD <small>Algumas informações úteis</small></h1>


    <!--Assinaturas pendentes para esse usuário-->
    <div class="col-lg-4">
        <div class="panel panel-danger panel-square panel-no-border text-center">
            <div class="panel-heading">
                <a class="title-card" href="/document/signatures/list/for/user">
                    <h3 class="panel-title">ASSINATURAS PENDENTE PARA ESSE USUÁRIO</h3>
                </a>
            </div>
            <div class="panel-body">
                <a class="title-card" href="/document/signatures/list/for/user">
                    <h1 class="bolded tiles-number text-danger">
                        @if (App\Models\SignatureSigners::where('name', auth()->user()->name)->count() <= 0)
                            0
                        @else
                            {{ App\Models\SignatureSigners::whereNull('deleted_at')->where('status', '=', 'PENDING')->where('name', auth()->user()->name)->count() }}
                        @endif

                    </h1>
                </a>

                <p class="text-muted"><small>TOTAL DE DOCUMENTOS PARA ESSE USUÁRIO:
                        <strong>
                            @if (App\Models\SignatureSigners::where('name', auth()->user()->name)->count() <= 0)
                                0
                            @else
                                {{ App\Models\SignatureSigners::whereNull('deleted_at')->where('status', '=', 'PENDING')->where('name', auth()->user()->name)->count() }}
                            @endif
                        </strong>
                    </small>
                </p>

                <div class="display-count-info">
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-success panel-block-color -->
    </div>
    <!---->

    <div class="col-lg-4">
        <!-- BEGIN TODAY VISITOR TILES -->
        <div class="panel panel-warning panel-square panel-no-border text-center">
            <div class="panel-heading">
                <a class="title-card" href="/lawsProjects">
                    <h3 class="panel-title">PROJETOS DE LEI</h3>
                </a>
            </div>

            <div class="panel-body">
                <h1 class="bolded tiles-number text-warning">{{ $projLeiAll }}</h1>
                <p class="text-muted"><small>APROVADOS: <strong>{{ $projLeiApr }}</strong></small></p>
                <div class="display-count-warning">
                    @foreach ($countType as $key => $items)
                        @if ($items['count'])
                            <a
                                href="/lawsProjects?has-filter=true&created_at=&law_type_id={{ $items['id'] }}&project_number=&law_date=&assemblyman_id=">
                                <p class="text-muted text-card"><small><strong>{{ $key }}:
                                            {{ $items['count'] }}</strong></small></p>
                            </a>
                        @endif
                    @endforeach
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-success panel-block-color -->
    </div>


    <div class="col-lg-4">
        <div class="panel panel-info panel-square panel-no-border text-center">
            <div class="panel-heading">
                <a class="title-card" href="/documents">
                    <h3 class="panel-title">DOCUMENTOS</h3>
                </a>
            </div>
            <div class="panel-body">
                <h1 class="bolded tiles-number text-info">{{ $docAll }}</h1>
                <p class="text-muted"><small>LIDOS: <strong>{{ $docRead }}</strong></small></p>
                <div class="display-count-info">
                    @foreach ($countDoc as $key => $items)
                        @if ($items['count'])
                            <a
                                href="/documents?has-filter=true&reg=&document_type_id={{ $items['id'] }}&number=&date=&owner_id=&content=&status=0">
                                <p class="text-muted text-card"><small><strong>{{ $key }}:
                                            {{ $items['count'] }}</strong></small></p>
                            </a>
                        @endif
                    @endforeach
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-success panel-block-color -->
    </div>

    <a href="/admin/commissions">
        <div class="col-lg-4">
            <div class="panel panel-primary panel-square panel-no-border text-center">
                <div class="panel-heading">
                    <h3 class="panel-title">COMISSÕES</h3>
                </div>
                <div class="panel-body">
                    <h1 class="bolded tiles-number text-primary">
                        {{ isset($commissions) ? count($commissions) : '0' }}
                    </h1>
                    <p class="text-muted">
                        <small>LISTA DAS COMISSÕES ATIVAS</small>
                    </p>
                </div><!-- /.panel-body -->
            </div><!-- /.panel panel-success panel-block-color -->
        </div>
    </a>
    <div class="clearfix"></div>


    {{-- @if (isset($commissions)) --}}
    {{-- @foreach ($commissions as $c) --}}
    {{-- <div class="col-lg-6"> --}}
    {{-- <div class="panel panel-primary panel-square panel-no-border text-center"> --}}
    {{-- <div class="panel-heading"> --}}
    {{-- <h3 class="panel-title">{{$c->name}}</h3> --}}
    {{-- </div> --}}
    {{-- <div class="panel-body"> --}}
    {{-- @foreach ($c->advices as $advice) --}}
    {{-- @if ($advice->closed == 1) --}}
    {{-- @if ($advice->project) --}}
    {{-- <ul class="list-group"> --}}
    {{-- <li class="list-group-item" id="linha_{{$advice->id}}"> --}}
    {{-- {!! $advice->project->project_number . '/' . $advice->project->getYearLawPublish($advice->project->law_date) . '-' . $advice->project->law_type->name !!} --}}
    {{-- <span class="pull-right"> --}}
    {{-- <a href="/lawsProjects/{{$advice->project->id}}" target="_blank" class="btn btn-xs btn-info"><i class="fa fa-file-text-o"></i></a> --}}
    {{-- <button id="advice_{{$advice->id}}" type="button" class="btn btn-info btn-xs" data-toggle="modal" data-target="#myModal" onclick="findAdvice({{$advice->id}})"><i class="glyphicon glyphicon-eye-open"></i></button> --}}
    {{-- <button id="advice_awnser_{{$advice->id}}" onclick="carrega_id({{$advice->id}})" type="button" class="btn btn-info btn-xs " data-toggle="modal" data-target="#myModal1" data = "{{$advice->id}}"><i class="fa fa-pencil-square-o"></i></button> --}}
    {{-- </span> --}}
    {{-- </li> --}}
    {{-- </ul> --}}
    {{-- @endif --}}
    {{-- @if ($advice->document) --}}
    {{-- <ul class="list-group"> --}}
    {{-- <li class="list-group-item" id="linha_{{$advice->id}}"> --}}
    {{-- {!! $advice->document->number . '/' . $advice->document->getYear($advice->document->date) . '-' . $advice->document->document_type->name !!} --}}
    {{-- <span class="pull-right"> --}}
    {{-- <a href="/documents/{{$advice->document->id}}" target="_blank" class="btn btn-xs btn-info"><i class="fa fa-file-text-o"></i></a> --}}
    {{-- <button id="advice_{{$advice->id}}" type="button" class="btn btn-info btn-xs" data-toggle="modal" data-target="#myModal" onclick="findAdvice({{$advice->id}})"><i class="glyphicon glyphicon-eye-open"></i></button> --}}
    {{-- <button id="advice_awnser_{{$advice->id}}" onclick="carrega_id({{$advice->id}})" type="button" class="btn btn-info btn-xs " data-toggle="modal" data-target="#myModal1" data = "{{$advice->id}}"><i class="fa fa-pencil-square-o"></i></button> --}}
    {{-- </span> --}}
    {{-- </li> --}}
    {{-- </ul> --}}
    {{-- @endif --}}
    {{-- @endif --}}
    {{-- @endforeach --}}
    {{-- </div><!-- /.panel-body --> --}}
    {{-- </div><!-- /.panel panel-success panel-block-color --> --}}
    {{-- </div> --}}
    {{-- @endforeach --}}
    {{-- @endif --}}


    {{-- modal  detalhes --}}

    <!-- Large modal -->
    <div class="container">
        <!-- Modal -->
        <div class="modal fade " id="myModal" role="dialog">
            <div class="modal-dialog  modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Detalhes do pedido</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-md-12">

                            <!-- advice_id Field -->
                            <div class="form-group col-sm-6 hidden">
                                {{ Form::label('advice_id', 'id:') }}
                                <input type="text" id="advice_idP" />
                                <label id="advice_id"></label>
                            </div>

                            <!-- Date Field -->
                            <div class="form-group col-sm-6">
                                {!! Form::label('date', 'Data:') !!}
                                <label id="date"></label>
                            </div>

                            <!-- Type Field -->
                            <div class="form-group col-sm-6">
                                {!! Form::label('laws_projects_id', 'Projeto de lei:', ['id' => 'projectName']) !!}
                                <label id="laws_projects_id"> </label>
                            </div>

                            <!-- To Id Field -->
                            <div class="form-group col-sm-12">
                                {!! Form::label('description', 'Descrição:') !!}<br />
                                <p id="description" style="margin-left: 15px;"></p>
                            </div>

                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="modal-footer">
                        {{-- <a href="javascript:void(0);" class="btn btn-danger pull-left" onclick="removeAdvice()">Remover</a> --}}
                        <a href="" id="history" class="btn btn-info"> Histórico do tramite </a>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Voltar</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
    {{-- fim do modal --}}

    {{-- modal1  detalhes --}}
    <!-- Large modal -->
    <div class="container">
        <!-- Modal -->
        <div class="modal fade " id="myModal1" role="dialog">
            <div class="modal-dialog  modal-lg">
                <!-- Modal content-->
                <form action="/admin/saveAdvice" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Informar parecer</h4>
                        </div>
                        <div class="modal-body">
                            <div class="col-md-12">

                                <input type="text" class="form-control hidden" name="id" id="adv_idP" />

                                <div class="col-md-3">
                                    <label> Data: </label>
                                    <input type="text" class="form-control" name="date" id="dateP" />
                                </div>

                                <!-- Date Field -->
                                <div class="form-group col-sm-4">
                                    {!! Form::label('situationP', 'Situação:') !!}
                                    {!! Form::select('situationP', $commissions_situation, null, ['class' => 'form-control']) !!}
                                </div>

                                <div class="form-group col-sm-4">
                                    {!! Form::label('town_hall', 'Encerrar:') !!}
                                    <div class="clearfix"></div>
                                    {!! Form::checkbox('closed', 1, null, [
                                        'class' => 'form-control switch',
                                        'data-on-text' => 'Sim',
                                        'data-off-text' => 'Não',
                                        'data-off-color' => 'danger',
                                        'data-on-color' => 'success',
                                        'data-size' => 'normal',
                                        'type' => 'checkbox',
                                    ]) !!}
                                </div>

                                <!-- Date Field -->
                                <div class="form-group col-sm-12">
                                    {!! Form::label('descriptionP', 'Descrição:') !!}
                                    <textarea name="desc" id="descriptionP" class="form-control ckeditor" cols="30" rows="10"></textarea>
                                </div>


                                <!-- Date Field -->
                                <div class="form-group col-sm-12">

                                    <div class="col-md-4">
                                        {!! Form::label('fileP', 'Arquivo:') !!}
                                        <input type="file" name="Arquivo" id="fileP"><br>
                                    </div>

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

                                    <div class="col-md-6">
                                        <img id="imgP" src="" alt="" width="200" />
                                    </div>

                                </div>
                            </div>

                        </div>
                        <div class="clearfix"></div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-info" onclick="return carrega_data()">Salvar</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Voltar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div vw class="enabled">
        <div vw-access-button class="active"></div>
        <div vw-plugin-wrapper>
            <div class="vw-plugin-top-wrapper"></div>
        </div>
    </div>

    <style>
        /* Estilo para o modal */
        .modal-content {
            border-radius: 10px;
        }

        .modal-header {
            background-color: #007bff;
            color: #fff;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .modal-title {
            font-weight: bold;
        }

        .modal-body {
            padding: 20px;
        }

        .modal-footer {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        /* Botões do footer */
        .btn-secondary {
            background-color: #6c757d;
            color: #fff;
        }

        .btn-secondary:hover {
            background-color: #5a6268;
        }
    </style>

    {{-- <div class="modal" id="modalNovidades" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Novidades do Sistema</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Prezado usuário,</p>
                    <p>Gostaríamos de informá-lo sobre algumas atualizações recentes em nosso sistema:</p>
                    <h3>Lista de atualizações</h3>
                    <ul>
                        <li>
                            <p>Agora, o processo de adição de anexos foi aprimorado. Tanto ao criar um novo documento quanto
                                ao editar um existente, a funcionalidade de adicionar anexos foi facilitada, proporcionando
                                maior agilidade e praticidade. Crie documentos ou edite e já adicione seu anexo.</p>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div> --}}


    <script>
        var id = '';

        $(document).ready(function() {

            $('#dateP').datepicker();

            $('#dateP').on('blur', function() {
                var dateP = $('#dateP').val();
                var date = dateP.split('/');
                dia = date[1];
                mes = date[0];
                ano = date[2];
                dateP = dia + '/' + mes + '/' + ano;
                $('#dateP').val(dateP);
            });

        });

        var carrega_id = function(param) {

            $('#adv_idP').val(param);

        };

        var carrega_data = function() {

            ck = CKEDITOR.instances['descriptionP'].getData() == '' ? null : CKEDITOR.instances['descriptionP']
                .getData();

            if ($('#dateP').val() == '' || $('#situationP').val() == 0 || ck == null) {
                toastr.error('Verifique todos os dados!!!');
                return false;
            } else {
                date = $('#dateP').val();
                date = date.split('/');
                dia = date[0];
                mes = date[1];
                ano = date[2];
                date = ano + '-' + mes + '-' + dia;
                $('#dateP').val(date);
            }
        };

        var findAdvice = function(id) {

            carrega_id(id);
            $('#history').attr('href', '/advice/findAwnser/' + id);

            url = "/admin/findAdvice";

            data = {
                id: id,
                "_token": "{{ csrf_token() }}"
            };

            $.ajax({
                url: url,
                data: data,
                method: 'POST',
                encoding: 'UTF-8'

            }).success(function(data) {

                data = JSON.parse(data);
                console.log(data);

                if (data) {
                    $('#date').text(data.date);
                    if (data.laws_projects_id > 0) {
                        $('#projectName').text('Projeto de lei:');
                        data_doc = data.project.law_date.toString().split('/');

                        $('#laws_projects_id').text(data.project.project_number + '/' + data_doc[2]);
                    }
                    if (data.document_id > 0) {
                        $('#projectName').text('Documento:');
                        data_doc = data.document.date.toString().split('/');
                        $('#laws_projects_id').text(data.document.number + '/' + data_doc[2]);
                    }
                    $('#description').html(data.description);
                } else {
                    toastr.error('Pedido não localizado!!!');
                }
            });
        }

        var saveAdvice = function() {
            url = '/admin/saveAdvice';

            if ($('#dateP').val() == '' || $('#situationP').val() == 0 || $('#descriptionP').val() == '') {
                toastr.error('Verifique todos os dados!!!');
            } else {

                date = $('#dateP').val();
                date = date.split('/');
                dia = date[0];
                mes = date[1];
                ano = date[2];
                date = ano + '-' + mes + '-' + dia;

                data = {
                    advice_id: id,
                    date: date,
                    situation: $('#situationP').val(),
                    description: $('#descriptionP').val(),
                    file: $("#imgP").attr('src'),
                    "_token": "{{ csrf_token() }}"
                };

                $.ajax({
                    data: data,
                    url: url,
                    method: 'POST'
                }).success(function(data) {

                    if (data) {
                        toastr.success('Resposta salva!!!');
                        $('#myModal1').toggle();
                    }
                });
            }

        }

        var removeAdvice = function() {


            url = '/advice/delete';

            data = {
                id: $('#advice_idP').val(),
                _token: '{{ csrf_token() }}'
            }

            $.ajax({
                url: url,
                data: data,
                method: 'POST'
            }).success(function(data) {

                data = JSON.parse(data);

                if (data) {

                    $('#linha_' + data).fadeOut();
                    $('#myModal').toggle();
                    toastr.success('Parecer removido com sucesso!');

                } else {
                    toastr.error('Erro ao excluir!');
                    $('#myModal').toggle();
                }
            });


        }
    </script>
    <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
    <script>
        new window.VLibras.Widget('https://vlibras.gov.br/app');
    </script>
    <script>
        function verificarExibicaoModal() {
            if (!document.cookie.includes("modalExibido=true")) {
                //$('#modalNovidades').modal('show');
                var dataExpiracao = new Date();
                dataExpiracao.setTime(dataExpiracao.getTime() + (1 * 60 * 60 * 1000));
                document.cookie = "modalExibido=true; expires=" + dataExpiracao.toUTCString() + "; path=/";
            }
        }

        document.addEventListener("DOMContentLoaded", verificarExibicaoModal);
    </script>
@endsection