@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 action="{{ routeTenant('materias.reprovadas.buscar') }}" method="GET" class="form form-inline">
                <div class="row align-items-end" 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">
                            <label for="orgao">Setor:</label>
                            <select name="orgao" class="custom-select" style="width: 100%">
                                <option value="">Selecione</option>
                                @foreach ($setores as $setor)
                                @if($user->vertodasmaterias == '0')
                                  @php
                                    $setor = App\Setor::find($setor->setor_id)
                                  @endphp
                                @endif
                                <option value="{{ $setor->id }}" @if(isset($dataform['orgao']) && $dataform['orgao'] == $setor->id) selected @endif>{{ $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">
                            <label for="tipodemateria">Tipo da Matéria:</label>
                            <select name="tipodemateria" class="custom-select" style="width: 100%">
                                <option value="">Selecione</option>
                                @foreach ($materiasTipo as $materiaTipo)
                                <option value="{{ $materiaTipo->id }}" @if(isset($dataform['tipodemateria']) && $dataform['tipodemateria'] == $materiaTipo->id) selected @endif>{{ $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">
                            <label for="data_inicial">Data da Edição:</label>
                            <input type="text" name="data_inicial" class="form-control data" style="width: 100%"
                                value="{{ isset($dataform['data_inicial']) ? $dataform['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 type="text" name="datafim" class="form-control data" style="width: 100%"
                                value="{{ isset($dataform['datafim']) ? $dataform['datafim'] : '' }}" 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="data_reprovacao_inicio">Data da Reprovação:</label>
                            <input type="text" name="data_reprovacao_inicio" class="form-control data" style="width: 100%"
                                value="{{ isset($dataform['data_reprovacao_inicio']) ? $dataform['data_reprovacao_inicio'] : '' }}" 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="data_reprovacao_fim">Até:</label>
                            <input type="text" name="data_reprovacao_fim" class="form-control data" style="width: 100%"
                                value="{{ isset($dataform['data_reprovacao_fim']) ? $dataform['data_reprovacao_fim'] : '' }}" 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 name="pagina" class="custom-select" style="width: 90%">
                                <option value="10" @if(isset($dataform['pagina']) && $dataform['pagina'] == '10') selected @endif>10</option>
                                <option value="25" @if(isset($dataform['pagina']) && $dataform['pagina'] == '25') selected @endif>25</option>
                                <option value="50" @if(isset($dataform['pagina']) && $dataform['pagina'] == '50') selected @endif>50</option>
                                <option value="100" @if(isset($dataform['pagina']) && $dataform['pagina'] == '100') selected @endif>100</option>
                                <option value="200" @if(isset($dataform['pagina']) && $dataform['pagina'] == '200') selected @endif>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">
                            <label for="reprovador">Reprovada por:</label>
                            <select name="reprovador" class="custom-select" style="width: 100%">
                                <option value="">Selecione</option>
                                @foreach ($user_accounts as $user_account)
                                <option value="{{ $user_account->id }}" @if(isset($dataform['reprovador']) && $dataform['reprovador'] == $user_account->id) selected @endif>{{ $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">
                            <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">
    <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>{{ $materia->setor->name }}</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>
@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;

        });

        $('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;

        });

        $('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;

        });

    });

    $(function() {
        var dates = $(".data").datepicker({
            dateFormat: 'dd/mm/yy',
            defaultDate: "+1w",
            dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
            dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
            dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
            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'],
        });
    });

    $(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>

<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>
@endsection