@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" style=" ">
        @if (Auth::user()->feriadoincluir == '1' || Auth::user()->vertodasmaterias == '1')
          <a href="{{ routeTenant('feriados.create') }}" class="btn btn-success botao-adicionar"><i class=""></i>
            Incluir Feriado</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('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('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">
              {!! Form::label('data', 'Título:') !!}
              <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">
              {!! 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-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">Cor</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 style="justify-content: center; display:flex; margin-top: -1px; height:1010%"><div style="width: 50px; height:50px; background-color:{{$category->cor}}"></div></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