@extends(layoutTenant())

@section('content')
<div class="row">
  <div class="col-12">
    <div class="page-title-box">
      <h4 class="page-title float-left">Editar Configuração</h4>
      <div class="clearfix"></div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
    @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
    @if (session('erro'))
    <div class="alert alert-danger">
      {{ session('erro') }}
    </div>
    @endif
    <div class="card">
      <div class="card-header" style="display: flex; flex-direction: row; justify-content: space-between;">
        <h5>
          Editar Configuração
        </h5>
        <button class="btn btn-primary" id="btnEditarExpediente">Editar Expediente</button>
      </div>
      <div class="card-body">

        {!! Form::model($category, [
        'url' => routeTenant('configdiario.edit', [$category->id]),
        'enctype' => 'multipart/form-data',
        ]) !!}

        <div class="row">

          <div class="col-md-12">

            <div class="form-group">
              {!! Form::label('header', 'Header:') !!}
              {!! Form::textarea('header', old('header'), ['class' => 'form-control', 'id' => 'my-editor']) !!}
              <small id="emailHelp" class="form-text  text-muted text-danger ">A imagem do topo tem de ter
                tamanho de 15cm X 2,6cm resolução de 300dpi</small>
            </div>

          </div>

          <div class="col-md-12">
            <div class="form-group">
              {!! Form::label('footer', 'Footer:') !!}
              {!! Form::textarea('footer', old('footer'), ['class' => 'form-control', 'id' => 'my-editor2']) !!}
            </div>
          </div>
          <div class="col-md-12 row">

            <div class="col-md-4">
              <div class="form-group">
                {!! Form::label('diarionuber', 'Numero Inicial da Edição do Diario:') !!}
                {!! Form::text('diarionuber', old('diarionuber'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="col-md-7">
              <div class="form-group">
                {!! Form::label('name', 'Nome do portal para diario:') !!}
                {!! Form::text('name', old('name'), ['class' => 'form-control']) !!}
              </div>
            </div>

          </div>
          <div class="col-md-12 row">

            @if ($permissao_hora == 1)
            <div class="col-md-3">
              <div class="form-group">
                {!! Form::label('hora_fechamento', 'Hora de fechamento do diário:') !!}
                {!! Form::text('hora_fechamento', old('hora_fechamento'), [
                'class' => 'form-control',
                'maxlength' => 2,
                'pattern' => '[0-9]{1,2}',
                'title' => 'Digite um número entre 0 e 23',
                ]) !!}

              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                {!! Form::label('hora_publicacao', 'Hora limite para publicação do diário:') !!}
                {!! Form::text('hora_publicacao', old('hora_publicacao'), [
                'class' => 'form-control',
                'maxlength' => 2,
                'pattern' => '[0-9]{1,2}',
                'title' => 'Digite um número entre 0 e 23',
                ]) !!}
              </div>
            </div>

            <div class="col-md-3">
              <div class="userCheckboxForm float-left">
                {!! Form::label('data_publicacao', 'diário publicado no dia do fechamento?') !!}
                {!! Form::checkbox('data_publicacao', 1, old('data_publicacao'), ['class' => 'form-control']) !!}
              </div>
            </div>
            <div class="col-md-1"></div>
            @endif

            <div class="col-md-2">

              <div class="form-group" style="margin-top: 20px;">

                {!! Form::submit('Salvar Configurações', ['class' => 'btn btn-primary']) !!}
              </div>
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
  </div>
  <div class="modal" id="modalGerirExpediente" tabindex="-1" role="dialog" aria-labelledby="modalGerirExpedienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="modalGerirExpedienteLabel">Editar Expediente</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
          <button type="button" class="btn btn-primary" id="btnAdicionar">Adicionar Expediente</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal" id="modalAdicionarExpediente" tabindex="-1" role="dialog" aria-labelledby="modalAdicionarExpedienteLabel" aria-hidden="true">
    {!! Form::model($category, ['url' => routeTenant('setExpediente'),'enctype' => 'multipart/form-data',]) !!}
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="modalAdicionarExpedienteLabel">Adicionar Expediente</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
        <div class="form-group">
          {!! Form::label('nome', 'Nome:') !!}
          {!! Form::text('nome', old('nome'), ['class' => 'form-control', 'id' => 'addName']) !!}
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
          <button type="submit" class="btn btn-primary" id="btnStore">Adicionar</button>
        </div>
      </div>
    </div>
    {!! Form::close() !!}
  </div>
  <div class="modal" id="modalEditarExpediente" tabindex="-1" role="dialog" aria-labelledby="modalAdicionarExpedienteLabel" aria-hidden="true">
    {!! Form::model($category, ['url' => routeTenant('editExpediente'),'enctype' => 'multipart/form-data',]) !!}
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="modalAdicionarExpedienteLabel">Adicionar Expediente</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
        <div class="form-group">
          {!! Form::hidden('id', old('id'), ['class' => 'form-control', 'id' => 'expedienteID']) !!}
        </div>
        <div class="form-group">
          {!! Form::label('nome', 'Nome:') !!}
          {!! Form::text('nome', old('nome'), ['class' => 'form-control', 'id' => 'editarID']) !!}
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
          <button type="submit" class="btn btn-primary" id="btnUpdate">Editar</button>
        </div>
      </div>
    </div>
    {!! Form::close() !!}
  </div>
</div>

@endsection

@section('post-script')
{!! config('tenant.editor') !!}
{!! config('tenant.editor2') !!}

<script>
  $(document).ready(function() {
    $("#btnEditarExpediente").click(function() {
      $.ajax({
        url: '/app/diario/get_expediente',
        type: 'GET',
        success: function(data) {
          $("#modalGerirExpediente .modal-body").html(data.html);
          $("#modalGerirExpediente").modal('show');
        },
        error: function() {
          console.error('Erro ao buscar dados do banco.');
        }
      });
    });

    $("#btnAdicionar").click(function() {

          $("#modalAdicionarExpediente").modal('show');
          $("#modalGerirExpediente").modal('hide');
     });
  });
  function editar(id, nome){
    console.log("editar");
    console.log(nome);
    console.log($("#editarID").value);
    $("#expedienteID").val(id);
    $("#editarID").val(nome);
    console.log($("#editarID").value);
    console.log("editar setValue");
    $("#modalEditarExpediente").modal('show');
    $("#modalGerirExpediente").modal('hide');
  }
  function apagar(id){
    console.log("apagar" + id);
    $.ajax({
        url: '/app/diario/apagar_expediente/'+id,
        type: 'POST',
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
        success: function(data) {
          alert("Expediente apagado com sucesso!");
          $("#modalGerirExpediente").modal('hide');
        },
        error: function() {
          console.error('Falha ao apagar o expediente.');
        }
      });

  }
</script>

@endsection