@extends('admin.layout.base')

@section('page_content')
  <div class="ui container">
    <h1 class="ui header">
      Evento
    </h1>
    <br />
    <form class="ui form" method="post" action="{{$urls->admin}}/eventos/add">
      <div class="ui grid">
        <div class="row">
          <div class="two wide column">
            <div class="ui header">
              Título
            </div>
          </div>
          <div class="ten wide column">
            <div class="ui fluid input">
              <input type="text" name="titulo" />
            </div>
          </div>
        </div>
        <div class="row">
          <div class="two wide column">
            <div class="ui header">
              Empresa
            </div>
          </div>
          <div class="six wide column">
            <div class="ui fluid input">
              <input type="text" name="empresa" />
            </div>
          </div>
          <div class="two wide column">
          </div>
          <div class="six wide column">
            <div class="ui selection dropdown" id="servicio">
              <input type="hidden" name="servicio" />
              <i class="dropdown icon"></i>
              <div class="default text">Servicio</div>
              <div class="menu">
                @foreach ($servicios as $servicio)
                  <div class="item" data-value="{{$servicio->titulo}}">{{$servicio->titulo}}</div>
                @endforeach
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="two wide column">
            <div class="ui header">
              Descripción
            </div>
          </div>
          <div class="eight wide column">
            <div class="ui fluid input">
              <textarea name="descripcion"></textarea>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="two wide column">
            <button class="ui fluid button">Guardar</button>
          </div>
        </div>
      </div>
    </form>
  </div>
@endsection

@push('readyjs')
  $('#servicio').dropdown()
@endpush