@extends('projects.base')

@section('title')
  - Agregar Ruta
@endsection

@section('content')
  <form class="ui form" method="post" action="{{$urls->base}}/project/{{$project->base_name}}/routes/add">
    <div class="field">
      <label>Ruta</label>
      <input type="text" name="name" />
    </div>
    <div class="three fields">
      <div class="field">
        <label>Espacio</label>
        <div class="ui selection dropdown" id="space">
          <input type="hidden" name="space" />
          <i class="dropdown icon"></i>
          <div class="default text">Espacio</div>
          <div class="menu">
            @foreach ($subfolders as $subfolder)
              <div class="item" data-value="{{$subfolder}}">{{$subfolder}}</div>
            @endforeach
          </div>
        </div>
      </div>
      <div class="field">
        <label>Grupo</label>
        <div class="ui search selection dropdown" id="group">
          <input type="hidden" name="group" />
          <i class="dropdown icon"></i>
          <div class="default text">Grupo</div>
          <div class="menu">
          </div>
        </div>
      </div>
      <div class="field">
        <label>Controlador</label>
        <div class="ui selection dropdown" id="controller">
          <input type="hidden" name="controller" />
          <i class="dropdown icon"></i>
          <div class="default text">Controlador</div>
          <div class="menu">
            @foreach ($controllers as $controller)
              <div class="item" data-value="{{$controller}}">{{$controller}}</div>
            @endforeach
          </div>
        </div>
      </div>
    </div>
    <div class="field">
      <button class="ui button">Agregar</button>
    </div>
  </form>
@endsection

@push('global_script')
  $('#space').dropdown()
  $('#group').dropdown({
    allowAdditions: true
  })
  $('#controller').dropdown()
@endpush