@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 action="{{ routeTenant('configdiario.edit', [$category->id ?? '']) }}" method="POST" enctype="multipart/form-data">
          @csrf
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label for="header">Header:</label>
                <textarea name="header" id="my-editor" class="form-control">{{ old('header', $category->header ?? '') }}</textarea>
                <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">
                <label for="footer">Footer:</label>
                <textarea name="footer" id="my-editor2" class="form-control">{{ old('footer', $category->footer ?? '') }}</textarea>
              </div>
            </div>
            <div class="col-md-12 row">
              <div class="col-md-4">
                <div class="form-group">
                  <label for="diarionuber">Numero Inicial da Edição do Diario:</label>
                  <input type="text" name="diarionuber" class="form-control" value="{{ old('diarionuber', $category->diarionuber ?? '') }}">
                </div>
              </div>
              <div class="col-md-7">
                <div class="form-group">
                  <label for="name">Nome do portal para diario:</label>
                  <input type="text" name="name" class="form-control" value="{{ old('name', $category->name ?? '') }}">
                </div>
              </div>
            </div>
            <div class="col-md-12 row">
              @if ($permissao_hora == 1)
              <div class="col-md-3">
                <div class="form-group">
                  <label for="hora_fechamento">Hora de fechamento do diário:</label>
                  <input type="text" name="hora_fechamento" class="form-control" maxlength="2" pattern="[0-9]{1,2}" title="Digite um número entre 0 e 23" value="{{ old('hora_fechamento', $category->hora_fechamento ?? '') }}">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label for="hora_publicacao">Hora limite para publicação do diário:</label>
                  <input type="text" name="hora_publicacao" class="form-control" maxlength="2" pattern="[0-9]{1,2}" title="Digite um número entre 0 e 23" value="{{ old('hora_publicacao', $category->hora_publicacao ?? '') }}">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label for="data_publicacao">diário publicado no dia do fechamento?</label>
                  <input type="checkbox" name="data_publicacao" class="form-control" value="1" {{ old('data_publicacao', $category->data_publicacao ?? false) ? 'checked' : '' }}>
                </div>
              </div>
              <div class="col-md-1"></div>
              @endif
              <div class="col-md-2">
                <div class="form-group" style="margin-top: 20px;">
                  <button type="submit" class="btn btn-primary">Salvar Configurações</button>
                </div>
              </div>
            </div>
          </div>
        </form>
      </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 action="{{ routeTenant('setExpediente') }}" method="POST" enctype="multipart/form-data">
      @csrf
      <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">
              <label for="addName">Nome:</label>
              <input type="text" name="nome" class="form-control" id="addName" value="{{ old('nome') }}">
            </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>
  </div>
  <div class="modal" id="modalEditarExpediente" tabindex="-1" role="dialog" aria-labelledby="modalAdicionarExpedienteLabel" aria-hidden="true">
    <form action="{{ routeTenant('editExpediente') }}" method="POST" enctype="multipart/form-data">
      @csrf
      <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">
              <input type="hidden" name="id" class="form-control" id="expedienteID" value="{{ old('id') }}">
            </div>
            <div class="form-group">
              <label for="editarID">Nome:</label>
              <input type="text" name="nome" class="form-control" id="editarID" value="{{ old('nome') }}">
            </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>
  </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) {
    $("#expedienteID").val(id);
    $("#editarID").val(nome);
    $("#modalEditarExpediente").modal('show');
    $("#modalGerirExpediente").modal('hide');
  }

  function 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