@extends('templates.prefeitura4.layout')

@section('content')
    <div class="container">
    @if ($errors->any())
    <div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
    </div>
    @endif
    @if (session('success'))

    <div class="alert alert-success">
    {{ session('success') }}
    </div>

    @endif
    @if (session('erro'))

    <div class="alert alert-danger">
    {{ session('erro') }}
    </div>

    @endif
        <div class="row">
          <div class="col-md-12">
              <a href="https://www.congonhas.mg.gov.br/index.php/diario-eletronico/" style="color: black; font-size: 1rem;">Consulte aqui os Diários antigos</a>
                <h2 class="title-diary"> Diário </h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <form action="{{routeTenant('site.diario.buscar')}}" method="get">
                <div class="row search-area">
                    <h3>Faça uma busca</h3>
                    <div class="form-group col-md-12">
                        <label for="buscar_name">Buscar por Palavra:</label>
                        <input type="text" @if (isset($dataform['buscar_name'])) value="{{ $dataform['buscar_name'] }}" @endif
                            name="buscar_name" class="form-control" id="buscar_name" placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-12">
                        <label for="buscar_codigo">Buscar por Código de Validação: </label>
                        <input type="text"
                            @if (isset($dataform['buscar_codigo'])) value="{{ $dataform['buscar_codigo'] }}" @endif
                            name="buscar_codigo" class="form-control" id="buscar_codigo"
                            placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="data_inicial">Data inicial: </label>
                        <input @if (isset($dataform['data_inicial'])) value="{{ $dataform['data_inicial'] }}" @endif
                            type="text" name="data_inicial" class="form-control" id="data_inicial" autocomplete="off"
                            placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="data_final">Data final: </label>
                        <input @if (isset($dataform['data_final'])) value="{{ $dataform['data_final'] }}" @endif type="text"
                            name="data_final" class="form-control" id="data_final" placeholder="Digite sua Busca" autocomplete="off">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleInputEmail1"></label>
                        <button type="submit" class="main-btn">Buscar</button>
                    </div>
                </div>

                {{-- Card list Matérias --}}
                </form>
                    <div class="List-materias">
                        <h3> Lista de Diários</h3>
                        @foreach ($materias as $materia)
                                <div class="card">
                                    <div class="card-item">
                                        <div class="title-top">
                                            {{ $materia->datapublicacao->format('d/m/Y') }}
                                            <span>Edição Nº {{ $materia->diarioid->id_edicao }}{{$materia->diarioid->edicao_extra > 0 ? ' - Edição extra - '. $materia->diarioid->edicao_extra : ''}}</span>
                                        </div>
                                        <div class="content-materias">
                                            <p>{!! $materia->materia !!}</p>
                                        </div>
                                        <div class="button-view">
                                            <a href="{{ routeTenant('baixar.diario.publicado', ['id' => $materia->diarioid->id]) }}" class="main-btn"
                                                target="_blank">
                                                <i class="fa fa-download"></i>Visualizar
                                            </a>

                                        </div>
                                    </div>
                                </div>
                        @endforeach

                        @if (isset($materias))
                        <div class="pagination-area">
                            <p>Página {{ $materias->currentPage() }} de {{ $materias->lastPage() }}</p>
                            <p>Exibindo itens de {{ $materias->firstItem() }} a {{ $materias->lastItem() }} de um total de  {{$materias->total()}} diários</p>
                            <p>Itens por página: {{ $materias->perPage() }}</p>

                            <div class="buttons">
                                {{ $materias->links() }}
                            </div>
                        </div>
                        @endif
                    </div>
            </div>
            
                    </div>
    </div>
    </div>
@endsection

@section('post-script')
    <script src='{{ asset("templates/prefeitura1/js/core/main.js") }}'></script>
    <script src='{{ asset("templates/prefeitura1/js/daygrid/main.js") }}'></script>

    <script src='{{ asset("templates/prefeitura1/js/interaction/main.min.js") }}'></script>
    <script src='{{ asset("templates/prefeitura1/js/timegrid/main.min.js") }}'></script>
    <script src='{{ asset("templates/prefeitura1/js/core/locales/pt-br.js") }}'></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

    <script>
        $(function() {
            var dates = $("#data_final").datepicker({
                dateFormat: 'dd/mm/yy',
            });
        });
        $(function() {
            var dates = $("#data_inicial").datepicker({
                dateFormat: 'dd/mm/yy',
            });
        });

        $('#exampleModal10').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget)
            var recipient = button.data('whatever')
            var recipient2 = button.data('meteria')
            var modal = $(this)

            modal.find('.diario').attr("href", recipient)
            modal.find('.meteria').attr("href", recipient2)
        })
    </script>
@endsection