@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 Reprovadas </h4>

                <div class="clearfix"></div>
            </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('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::open(['url' => routeTenant('materias.reprovadas.buscar'), 'class' => 'form form-inline']) !!}

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

                        <div class="form-group">
                            {!! Form::label('orgão', 'Setor:') !!}
                            <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-2 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group">
                            {!! Form::label('Tipo da Materia', 'Tipo da Matéria:') !!}

                            <select style="width: 100%" name="tipodemateria" class="custom-select">
                                <option value="">Selecione</option>
                                @foreach ($materiasTipo as $materiaTipo)
                                    <option @if (isset($dataform)) @if ($dataform['tipodemateria'] == $materiaTipo->id) selected @endif
                                      @endif value="{{$materiaTipo->id}}"> {{$materiaTipo->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">
                            {!! Form::label('data_inicial', 'Data da Edição:') !!}

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

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

                        <div class="form-group">
                            {!! Form::label('datafim', 'Até:') !!}

                            <input name="datafim" class="form-control data" style="width: 100%"
                                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">
                            {!! Form::label('data', 'Data da Reprovação:') !!}

                            <input name="data_reprovacao_inicio" class="form-control data" style="width: 100%"
                                value="@if(isset($dataform['data_reprovacao_inicio'])){{ $dataform['data_reprovacao_inicio'] }}@endif"id="data_reprovar_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">
                            {!! Form::label('data', 'Até:') !!}

                            <input name="data_reprovacao_fim" class="form-control data" style="width: 100%"
                                value="@if (isset($dataform['data_reprovacao_fim'])){{ $dataform['data_reprovacao_fim'] }}@endif"
                                id="data_reprovar_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">
                            {!! Form::label('pagina', 'Resultados por página:') !!}
                            <select style="width: 90%" name="pagina" class="custom-select">
                                <option
                                    @if (isset($dataform)) @if ($dataform['pagina'] == '10') selected @endif
                                    @endif value="10">10 </option>
                                <option
                                    @if (isset($dataform)) @if ($dataform['pagina'] == '25') selected @endif
                                    @endif value="25">25 </option>
                                <option
                                    @if (isset($dataform)) @if ($dataform['pagina'] == '50') selected @endif
                                    @endif value="50">50 </option>
                                <option
                                    @if (isset($dataform)) @if ($dataform['pagina'] == '100') selected @endif
                                    @endif value="100">100 </option>
                                <option
                                    @if (isset($dataform)) @if ($dataform['pagina'] == '200') selected @endif
                                    @endif value="200">200 </option>

                            </select>
                        </div>

                    </div>

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

                      <div class="form-group">
                          {!! Form::label('reprovador', 'Reprovada por:') !!}

                          <select style="width: 100%" name="reprovador" class="custom-select">
                              <option value="">Selecione</option>
                              @foreach ($user_accounts as $user_account)
                                  <option @if (isset($dataform)) @if ($dataform['reprovador'] == $user_account->id) selected @endif
                                    @endif value="{{$user_account->id}}"> {{$user_account->name}}</option>
                              @endforeach
                          </select>
                      </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">
                            {!! Form::submit('Pesquisar', ['class' => 'btn btn-primary btn btn-outline-success my-2 my-sm-0']) !!}

                        </div>

                    </div>

                </div>

                {!! Form::close() !!}

            </div>
        </div>
    </div>

    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Materias</h5>
            <div class="card-body p-1">
                <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">Cod</th>
                                <th class="border-0 text-light">Tipo da Matéria</th>
                                <th class="border-0 text-light">Setor</th>
                                <th class="border-0 text-light">Publicador</th>
                                <th class="border-0 text-light">Reprovada por</th>
                                <th class="border-0 text-light">Data da Edição</th>
                                <th class="border-0 text-light">Data da Reprovação</th>
                                <th class="border-0 text-light">Motivo</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($categories as $materia)
                                <tr>
                                    <td width="5%">
                                            {{ $materia->codigoidentificador }}
                                    </td>
                                    <td>
                                            {{ $materia->materiaTipos->name }}
                                    </td>
                                    <td>
                                        <div>{{  $materia->setor->name }}</div>
                                    </td>
                                    <td>
                                       {{$materia->publicadopor->name}}
                                    </td>
                                    <td>
                                       {{$materia->aprovador->name}}
                                    </td>

                                    <td>{{ $materia->datapublicacao->format('d/m/Y') }} </td>
                                    <td>{{ $materia->datadeenvio->format('d/m/Y') }} </td>
                                    <td>{{ $materia->reprovar_motivo }} </td>

                                </tr>
                            @endforeach

                        </tbody>
                    </table>

                    <div style="padding: 20px; font-size: 15px;"> Exibindo
                        <strong>{{ $categories->currentPage() }}</strong> até
                        <strong>{{ $categories->perPage() }}</strong> de <strong>{{ $categories->count() }}</strong>
                        linhas -
                        <strong>{{ $categories->perPage() }}</strong> registros por página
                    </div>
                    <div style="padding-left: 20px; font-size: 15px;">

                        @if (isset($dataform))
                            {!! $categories->appends($dataform)->links() !!}
                        @else
                            {!! $categories->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-delete').length) {
                    $('body').append(
                        '<div class="modal fade" id="confirm-delete" 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-delete').modal({
                    show: true
                });
                return false;

            });



        });

        $(document).ready(function() {
            $('a[data-confirm2]').click(function(ev) {
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append(
                        '<div class="modal fade" id="confirm-delete" 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-delete').modal({
                    show: true
                });
                return false;

            });



        });

        $(document).ready(function() {
            $('a[data-confirm3]').click(function(ev) {
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append(
                        '<div class="modal fade" id="confirm-delete" 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-delete').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").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 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