@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Editar 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">Editar Link menu</h5>
        <div class="card-body">

           <form action="{{routeTenant('menus.update_menu')}}" 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" value="{{ $menuItems->menu_name }}"
              placeholder="Menu name" required="required">
          </div>
          <div class="form-group">
            <label for="url" class="form-control-label">URL:</label>
            <input value="{{ $menuItems->url }}" type="text" class="form-control" id="url" name="url">
          </div>
          <div class="row">
            <div class="form-group col-lg-6">
              <input @if ($menuItems->nova_aba == 1) checked="" @endif id="pauta" 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 @if ($menuItems->menu_rodape == 1) checked="" @endif 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="inputParent2" class="form-control">
              <option value="">-No parent-</option>
              @foreach ($menu_items as $menu)
                <option @if ($menu->id == $menuItems->parent_id) selected @endif value="{{ $menu->id }}">
                  {{ $menu->menu_name }}</option>
              @endforeach
            </select>
          </div>
        </div>
        <div class="modal-footer">
          <input type="hidden" name="menu_id" id="menu_edit_id" value="{{ $menuItems->id }}" />
          <button type="submit" class="btn btn-primary ">Salvar 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