@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Criar Menu </h4>

        <div class="clearfix"></div>
      </div>
    </div>
  </div>

  <div class="row">
    <!-- ============================================================== -->
    <!-- basic form -->
    <!-- ============================================================== -->
    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Criar link menu</h5>
        <div class="card-body">

          <!-- Add Menu Modal block -->
          <form action="{{ routeTenant('menus.add_menu') }}" method="POST" enctype="multipart/form-data" class="needs-validation">
          <div class="form-group">
            <label for="menu_name" class="form-control-label">Menu Name:</label>
            <input type="text" class="form-control" id="menuname1" name="menu_name" required="required">
          </div>
          <div class="form-group">
            <label for="url" class="form-control-label">URL:</label>
            <input type="text" class="form-control" id="url" name="url">
            <input type="hidden" class="form-control" id="urlok" value="" name="urlok">
          </div>
          <div class="row">
            <div class="form-group col-lg-6">
              <input name="nova_aba" type="checkbox" value="1">
              <label for="url" class="form-control-label">Abrir em nova aba</label>
            </div>
            @if ($portal->template == 'prefeitura4')
              <div class="form-group col-lg-6">
                <input name="menu_rodape" type="checkbox" value="1">
                <label for="menu_rodape" class="form-control-label">Menu de Rodapé</label>
              </div>
            @endif
          </div>
          <div class="form-group">
            <label for="parent" class="form-control-label">Relacionar Link ao Menu:</label>
            <select name="parent_id" id="inputParent" class="form-control">
              <option value="">-No parent-</option>
              @foreach ($menu_items as $menu)
                <option value="{{ $menu->id }}">{{ $menu->menu_name }}</option>
              @endforeach
            </select>
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success addmenuBtn">Add Menu</button>
        </div>
        </form>
      </div>
    </div>
    <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Selecione o link de uma Pagina</h5>
        <div class="card-body">
          @foreach ($page as $pag)
            <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
              onclick="add(['{{ $pag->titulo }}', 'pagina/{{ $pag->name }}'])">{{ $pag->titulo }}</a>
          @endforeach
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Selecione o link de um Modulo</h5>
        <div class="card-body">
          <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
            onclick="add(['Diário', 'diario'])">Diário</a>
          <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
            onclick="add(['Pautas', 'pautas'])">Pautas</a>
          <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
            onclick="add(['Licitações', 'licitacoes'])">Licitações</a>
          <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
            onclick="add(['Ouvidoria', 'ouvidoria'])">Ouvidoria</a>
          <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary"
            onclick="add(['Legislação', 'legislacao'])">Legislação</a>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('post-script')
  <script>
    function add(value) {
      var resultado = document.getElementById('menuname1');
      var url = document.getElementById('url');
      resultado.value = value[0];
      url.value = value[1];
    }
  </script>
@endsection