@extends(layoutTenant())

@section('content')

<style>
  .form-group{
    margin-bottom: 15px !important;
  }
</style>
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Matérias</h4>

                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: -20px;  min-height: 100px; position: relative; ">
        <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">

            <div class="float-left">
                @if ($user->materiaincluir == '1')
                    <a href="{{ routeTenant('materias.create', ['tipo' => 1]) }}" class="btn btn-success botao-adicionar"><i
                            class=""></i>
                        Incluir Matéria</a>
                    <a href="{{ routeTenant('materias.create', ['tipo' => 2]) }}" class="btn btn-success botao-adicionar"><i
                            class=""></i>
                        Incluir Matéria - Edição extra</a>
                @endif
            </div>
        </div>
    </div>

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

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

    @endif
    @if (session('success'))

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

    @endif
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12" >

        <div class="card">
            <h5 class="card-header">Filtros</h5>
            <div class="card-body p-0" >
            <form action="{{ routeTenant('materias.buscar') }}" method="POST" class="form form-inline">
            @csrf

                <div class="row align-items-end" style="margin-top: 20px; margin-left: 10px;">
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group">
                            <label for="orgao">Setores:</label>
                            <select style="width: 100%" name="orgao" class="custom-select" >
                                <option value="">Selecione</option>
                                @foreach ($setores as $setor)
                                @if($user->vertodasmaterias == '0')
                                  @php
                                    $setor = App\Setor::find($setor->setor_id)
                                  @endphp
                                @endif
                                <option
                                @if (isset($dataform['orgao'])) @if ($dataform['orgao'] == $setor->id ) selected @endif
                                @endif
                                value="{{ $setor->id }}">
                                {{$setor->name}}
                            </option>
                                @endforeach
                            </select>
                        </div>

                    </div>

                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group">
                        <label for="tipodemateria">Tipo da Matéria:</label>
                            <select name="tipodemateria" class="custom-select" style="width: 100%;">
                                <option value="">Selecione</option>
                                @foreach ($materiaTipos as $tipo)
                                    <option value="{{ $tipo->id }}" {{ isset($dataform['tipodemateria']) && $dataform['tipodemateria'] == $tipo->id ? 'selected' : '' }}>
                                        {{ $tipo->name }}
                                    </option>
                                @endforeach
                            </select>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6">

                            <div class="form-group">
                                <label for="data_inicial">Data de Publicação:</label>

                                <input style="width: 100%;" name="data_inicial" class="form-control"
                                    value="@if(isset($dataform['data_inicial'])){{ $dataform['data_inicial'] }}@endif"id="data_inicial" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-6 col-md-6 col-sm-6 col-6">

                            <div class="form-group">
                                <label for="datafim">Até:</label>

                                <input style="width: 100%;" name="datafim" class="form-control"
                                    value="@if (isset($dataform['datafim'])) {{ $dataform['datafim'] }} @endif"
                                    id="data_final" autocomplete="off">

                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6">

                            <div class="form-group">
                                <label for="pagina">Resultados por página</label>
                                <select style="width: 40%" name="pagina" class="custom-select">
                                    <option
                                        @if (isset($dataform['pagina'])) @if ($dataform['pagina'] == '10') selected @endif
                                        @endif value="10">10 </option>
                                    <option
                                        @if (isset($dataform['pagina'])) @if ($dataform['pagina'] == '25') selected @endif
                                        @endif value="25">25 </option>
                                    <option
                                        @if (isset($dataform['pagina'])) @if ($dataform['pagina'] == '50') selected @endif
                                        @endif value="50">50 </option>
                                    <option
                                        @if (isset($dataform['pagina'])) @if ($dataform['pagina'] == '100') selected @endif
                                        @endif value="100">100 </option>
                                    <option
                                        @if (isset($dataform['pagina'])) @if ($dataform['pagina'] == '200') selected @endif
                                        @endif value="200">200 </option>

                                </select>
                            </div>

                        </div>

                        <div class="col-xl-10 col-lg-6 col-md-6 col-sm-6 col-6">

                            <div class="form-group">
                                <label for="conteudo">Descrição:</label>
                                <input class="form-control" style="width: 100%;"
                                    value="@if (isset($dataform['conteudo'])) {{ $dataform['conteudo'] }} @endif"
                                    name="conteudo" type="text">
                            </div>
                        </div>

                        <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6"
                            style="margin-top: 20px; margin-bottom: 20px;">

                            <div class="form-group">
                            <button type="submit" class="btn btn-primary btn btn-outline-success my-2 my-sm-0">Pesquisar</button>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 m-0" >
            <div class="card -0">
                <h5 class="card-header">Matérias</h5>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped  table-bordered">
                            <thead class="bg-light bg-dark ">
                                <tr class="border-0">
                                    <th class="border-0 text-light">Tipo da matéria</th>
                                    <th class="border-0 text-light">Edição extra - Motivo</th>
                                    <th class="border-0 text-light">Setor</th>
                                    <th class="border-0 text-light">Status da matéria</th>
                                    <th class="border-0 text-light">Editado / Publicado por</th>
                                    <th class="border-0 text-light">Data da aprovação</th>
                                    <th class="border-0 text-light">Data da publicação</th>
                                    <th class="border-0 text-light">Funções</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($materias as $materia)
                                    <tr>
                                        <td>
                                            <div class="m-r-10">
                                                {{ $materia->materiaTipos->name}}
                                            </div>
                                        </td>
                                        <td>
                                            <div class="">
                                                {{ $materia->edicao_extra == 1 ? $materia->motivo_edicao_extra : ''}}
                                            </div>
                                        </td>
                                        <td>
                                            <div class="m-r-10">
                                                {{ $materia->setor->name }}
                                            </div>
                                        </td>
                                        <td>{{ config('status.materiaStatus')[$materia->status] }} </td>
                                        <td>{{ $materia->publicadopor->name }} </td>
                                        <td>
                                          @if($materia->datadeenvio->format('d/m/Y') != "10/10/2001")
                                            {{ $materia->datadeenvio->format('d/m/Y') }}
                                            @endif
                                        </td>
                                        <td>{{ $materia->datapublicacao->format('d/m/Y') }} </td>
                                        <td>
                                            <a target="_blank"
                                                href="{{ routeTenant('site.diario.materia', ['id' => $materia->id]) }}"
                                                title="Visualizar" class="btn btn-warning btn-xs"><i class="fa fa-eye"
                                                    aria-hidden="true"></i></a>
                                            @if ($user->materiaaprovar == '1')
                                                @if ($materia->status != 1)
                                                    <a href="{{ routeTenant('materias.aprovar', ['id' => $materia->id]) }}"
                                                        title="Aprovar e Enviar"
                                                        data-confirm2='Tem certeza de que deseja Desativar o item selecionado?'
                                                        class="btn btn-success btn-xs"><i class="fa fa-check"
                                                            aria-hidden="true"></i></a>
                                                @endif
                                                @if ($materia->status == 0 || $materia->status == 1)
                                                    <a href="{{ routeTenant('materias.reprovar', ['id' => $materia->id]) }}"
                                                        title="Reprovar matéria para publicação"
                                                        data-confirm3='Tem certeza de que deseja Desativar o item selecionado?'
                                                        class="btn btn-secondary btn-xs"><i class="fa fa-ban "
                                                            aria-hidden="true"></i></a>
                                                @endif
                                            @endif
                                            @if ($user->materiaincluir == '1' && $materia->status != 1)
                                                <a href="{{ routeTenant('materias.edit', ['id' => $materia->id]) }}"
                                                    title="Editar" class="btn btn-primary btn-xs"> <i class="fa fa-edit"
                                                        aria-hidden="true"></i></a>
                                                <a href="{{ routeTenant('materias.delete', [$materia->id]) }}"
                                                    title="Deletar"
                                                    data-confirm='Tem certeza de que deseja Desativar o item selecionado?'
                                                    class="btn btn-danger btn-xs"><i class="fa fa-trash"
                                                        aria-hidden="true"></i></a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div style="padding: 20px; font-size: 15px;"> <p>Página
                            <strong>{{ $materias->currentPage() }}</strong> de <strong>{{ $materias->lastPage() }}</strong>   - Exibindo itens de {{ $materias->firstItem() }} a {{ $materias->lastItem() }} de um total de  {{$materias->total()}} itens -
                              <strong>{{ $materias->perPage() }}</strong> registros por página
                            </p>
                        </div>
                        <div style="padding-left: 20px; font-size: 15px;">
                            @if (isset($dataform))
                                {!! $materias->appends($dataform)->links() !!}
                            @else
                                {!! $materias->links() !!}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end recent orders  -->

    @endsection

    @section('post-script')
        <script>
            $(document).ready(function() {
                $('a[data-confirm]').click(function(ev) {
                    var href = $(this).attr('href');
                    if (!$('#confirm-delete1').length) {
                        $('body').append(
                            '<div class="modal" id="confirm-delete1" tabindex="-1" role="dialog" ' +
                            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                            '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR MATERIA' +
                            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                            'Tem certeza de que deseja Deletar materia ?</div><div class="modal-footer">' +
                            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
                            '/div></div></div></div>');
                    }
                    $('#dataComfirmOK').attr('href', href);
                    $('#confirm-delete1').modal({
                        show: true
                    });
                    return false;

                });
            });

            $(document).ready(function() {
                $('a[data-confirm2]').click(function(ev) {
                    var href = $(this).attr('href');
                    if (!$('#confirm-delete2').length) {
                        $('body').append(
                            '<div class="modal" id="confirm-delete2" tabindex="-1" role="dialog" ' +
                            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                            '<div class="modal-content"><div class="modal-header bg-success text-white">APROVAR MATERIA' +
                            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                            'Tem certeza de que deseja aprovar materia ?</div><div class="modal-footer">' +
                            '<button type="button" class="btn btn-danger " data-dismiss="modal">Cancelar' +
                            '</button><a class="btn btn-success text-white" id="dataComfirmOK">Aprovar</a><' +
                            '/div></div></div></div>');
                    }
                    $('#dataComfirmOK').attr('href', href);
                    $('#confirm-delete2').modal({
                        show: true
                    });
                    return false;

                });



            });

            $(document).ready(function() {
                $('a[data-confirm3]').click(function(ev) {
                    var href = $(this).attr('href');
                    if (!$('#confirm-delete3').length) {
                        $('body').append(
                            '<div class="modal" id="confirm-delete3" tabindex="-1" role="dialog" ' +
                            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                            '<div class="modal-content"><div class="modal-header bg-danger text-white">REPROVAR MATERIA' +
                            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                            'Tem certeza de que deseja reprovar materia ?</div><div class="modal-footer">' +
                            '<button type="button" class="btn btn-success " data-dismiss="modal">Cancelar' +
                            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Reprovar</a><' +
                            '/div></div></div></div>');
                    }
                    $('#dataComfirmOK').attr('href', href);
                    $('#confirm-delete3').modal({
                        show: true
                    });
                    return false;

                });



            });
        </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_inicial").datepicker({
                    dateFormat: 'dd/mm/yy',
                    defaultDate: "+1w",
                    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
                    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
                    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
                    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto',
                        'Setembro',
                        'Outubro', 'Novembro', 'Dezembro'
                    ],
                    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out',
                        'Nov', 'Dez'
                    ],

                });


            });
        </script>

        <script>
            $(function() {

                var dates = $("#data_final").datepicker({
                    dateFormat: 'dd/mm/yy',

                });


            });
        </script>

        <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
        <script>
            $(function(e) {
                "use strict";

                $("#calendario").inputmask("99/99/9999"),
                    $("#calendario2").inputmask("99/99/9999"),


                    $(".email-inputmask").inputmask({
                        mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[*{2,6}][*{1,2}].*{1,}[.*{2,6}][.*{1,2}]",
                        greedy: !1,
                        onBeforePaste: function(n, a) {
                            return (e = e.toLowerCase()).replace("mailto:", "")
                        },
                        definitions: {
                            "*": {
                                validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~/-]",
                                cardinality: 1,
                                casing: "lower"
                            }
                        }
                    })
            });
        </script>
    @endsection