@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>
    @if (session('toastr'))
        <script>
            toastr.{{ session('toastr.type') }}('{{ session('toastr.message') }}');
        </script>
    @endif
    <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>
        </div>
    </div>
    <div class="col-lg-4">
        <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>
        </div>
    </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>
        </div>
    </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>
    <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_id" />
                                <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="" 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>
    <div class="container">
        <div class="modal fade" id="myModal1" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <form id="adviceForm" action="/admin/saveAdvice" method="POST" enctype="multipart/form-data">
                        @csrf

                        <input type="hidden" id="adv_idP" name="id" value="">

                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Responder Parecer</h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Data *</label>
                                <input type="date" id="dateP" name="date" class="form-control" required>
                            </div>
                            <div class="form-group">
                                <label>Situação *</label>
                                <select id="situationP" name="commission_id" class="form-control" required>
                                    <option value="0">Selecione a situação</option>
                                    @foreach ($commissions_situation as $id => $name)
                                        @if ($id != 0)
                                            <option value="{{ $id }}">{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Descrição *</label>
                                <textarea id="descriptionP" name="desc" class="form-control" rows="5" required></textarea>
                            </div>
                            <div class="form-group">
                                <label>Arquivo</label>
                                <input type="file" id="fileP" name="Arquivo" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" id="closed" name="closed" value="1">
                                        Marcar como fechado
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Salvar</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                        </div>
                    </form>
                </div>
            </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>
        .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;
        }

        .btn-secondary {
            background-color: #6c757d;
            color: #fff;
        }

        .btn-secondary:hover {
            background-color: #5a6268;
        }
    </style>
    <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")) {
                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