@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Feriados</h4>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->
    <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">
                <a href="{{ routeTenant('feriados.create') }}" class="btn btn-success botao-adicionar"><i
                        class=""></i>
                    Incluir Feriado</a>
            </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('feriados.buscar')}}" class="form form-inline">
                <div class="row" style="margin-top: 20px; margin-left: 10px;">
                    <div class="col-xl-8 col-lg-6 col-md-6 col-sm-6 col-6">
                        <div class="form-group">
                          <label for="name">Título</label>
                            <input class="form-control" style="width: 100%;"
                                value="@if (isset($dataform['name'])) {{ $dataform['name'] }} @endif" name="name"
                                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-outline-success my-2 my-sm-0">Pesquisar</button>
                        </div>
                    </div>
                </div>
                </form>
            </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-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">Data</th>
                                <th class="border-0 text-light">Título</th>
                                <th class="border-0 text-light">Inserido por</th>
                                <th class="border-0 text-light">Inserido em</th>
                                <th class="border-0 text-light">Funções</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($categories as $category)
                                <tr>
                                    <td>
                                        <div class="m-r-10">{{ $category->data->format('d/m/Y') }}</div>
                                    </td>
                                    <td>{{ $category->name }} </td>
                                    <td>{{ $category->user_account->name }} </td>
                                    <td>{{ $category->created_at->format('d/m/Y') }} </td>
                                    <td>
                                        <a href="{{ routeTenant('feriados.edit', ['id' => $category->id]) }}" title="Editar"
                                            class="btn btn-primary btn-xs"> <i class="fa fa-edit"
                                                aria-hidden="true"></i></a>
                                        <a href="{{ routeTenant('feriados.delete', [$category->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>
                                    </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 FERIADO' +
                        '<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 feriado ?</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_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"
                        }
                    }
                })
        });
        document.getElementById("file_upload").onchange = function() {
            document.getElementById("uploadFile").value = this.value;
        };
    </script>
@endsection