@extends('template.default')
@section('text-field')
@stop
@section('content')

    <br>

    <div class="row">
        <div class="col offset-s1 s10">
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocVisualizadas')" class="waves-effect waves-light  btn col s12">Visualizadas</a>
            </div>
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocAceitas')" class="waves-effect waves-light  btn col s12">Aceitas</a>
            </div>
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocrecusadas')" class="waves-effect waves-light  btn col s12">Recusadas</a>
            </div>
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocautendicadas')" class="waves-effect waves-light  btn col s12">Autendicadas</a>
            </div>
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocanonima')" class="waves-effect waves-light  btn col s12">Anonima</a>
            </div>
            <div class="col s2">
                <a onclick="mostrarRelatorio('ocmaisAderidas')"
                   class="waves-effect waves-light  btn col s12">Aderidas</a>
            </div>
        </div>

    </div>

    <br>

    <div class="row">
        <div class="col offset-s1 s10">

            <div class="input-field col s2">
                <input id="filtro-data-inicio" name="filtro-data-inicio" value="{{ (isset($arrayFiltro[0]) ? \Carbon\Carbon::parse($arrayFiltro[0])->format('d/m/Y') : '') }}" type="text"
                       class="datepicker">
                <label for="filtro-data-inicio">@lang('Início')</label>
            </div>
            <div class="input-field col s2">
                <input id="filtro-data-fim" name="filtro-data-fim" value="{{ (isset($arrayFiltro[1]) ? \Carbon\Carbon::parse($arrayFiltro[1])->format('d/m/Y') : '') }}" type="text" class="datepicker">
                <label for="filtro-data-fim">@lang('Fim')</label>
            </div>

            <div class="col s1">
                <i style="cursor: pointer;" onclick="filtroData()" class="material-icons">search</i>
            </div>

        </div>
    </div>

    <br>

    <div id="ocVisualizadas" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências mais visualizadas
            <i onclick="abrirTelaImpressao('visualizadas')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->visualizadas as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>

    <div id="ocAceitas" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências aceitas
            <i onclick="abrirTelaImpressao('aceitas')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->aceitas as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>

    <div id="ocrecusadas" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências recusadas
            <i onclick="abrirTelaImpressao('recusadas')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->recusadas as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>

    <div id="ocautendicadas" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências autenticadas
            <i onclick="abrirTelaImpressao('autendicadas')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->autendicadas as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>

    <div id="ocanonima" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências anonima
            <i onclick="abrirTelaImpressao('anonima')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->anonima as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>

    <div id="ocmaisAderidas" class="abas">

        <h5 class="font-weight-600 center-align grey-text">Ocorrências aderidas
            <i onclick="abrirTelaImpressao('maisAderidas')" class="material-icons" style="cursor: pointer;">print</i>
        </h5>

        <div class="row">
            <div class="col offset-s1 s10 card z-depth-2">

                <table>
                    <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Texto</th>
                        <th>Subcategoria</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($relatorios->maisAderidas as $ocorrencia)

                        <tr>
                            <td>{{ $ocorrencia->codigo }}</td>
                            <td>{{ $ocorrencia->texto }}</td>
                            <td>{{ $ocorrencia->subcategoria_id }}</td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>



@endsection
@section('specific-scripts')

    <script type="text/javascript"            src="{{ \Tooleks\LaravelAssetVersion\Facades\Asset::get('/js/script-custom/crud-basic.js') }}"></script>
    <script>

        $('.titulo_pagina').text('Relatório Ocorrência');
        $('.abas').attr('hidden', 'hidden');

        function filtroData() {

            window.location.href = '?filtro-data-inicio=' + $('#filtro-data-inicio').val() + '&filtro-data-fim=' + $('#filtro-data-fim').val();

        }

        function mostrarRelatorio(id) {

            $('.abas').attr('hidden', 'hidden');
            $('#' + id).removeAttr('hidden', 'hidden');

        }

        function abrirTelaImpressao(keyArray) {

            window.open('/impressao/relatorio/ocorrencia?keyArray=' + keyArray);

        }

        var diaSemana = ['Domingo', 'Segunda-Feira', 'Terca-Feira', 'Quarta-Feira', 'Quinta-Feira', 'Sexta-Feira', 'Sabado'];
        var mesAno = ['Janeiro', 'Fevereiro', 'Marco', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
        var data = new Date();
        var hoje = diaSemana[data.getDay()] + ', ' + mesAno[data.getMonth()] + ' de ' + data.getFullYear();
        $("#dataPesquisa").attr("value", hoje);
        $(".datepicker").pickadate({
            monthsFull: mesAno,
            monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
            weekdaysFull: diaSemana,
            weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
            weekdaysLetter: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
            selectMonths: true,
            selectYears: true,
            clear: false,
            format: 'dd/mm/yyyy',
            today: "Hoje",
            close: "Fechar",
            min: new Date(data.getFullYear() - 1, 0, 1),
            max: new Date(data.getFullYear() + 1, 11, 31),
            closeOnSelect: true
        });



    </script>

@stop