@component('fragments.modal')
    @slot('idmodal')
        modalNewCapitulo
    @endslot

    @slot('title')
        Agregar Capitulo
    @endslot

    @slot('action')
        <form class="needs-validation ui form" method="POST" action="{{ url('normas/'.$norma_capitulos->id_norma.'/new_capitulo') }}" role="form" enctype="multipart/form-data">
    @endslot

    @slot('form')
        {{ csrf_field() }}

        <div class="field">
            <label for="contenido_resultados_obtenidos">Contenido Resultados Obtenidos</label>
            <select id="contenido_resultados_obtenidos"
                    name="contenido_resultados_obtenidos"
                    class="form-control selectpicker"
                    data-live-search="true">
                <option value="" selected disabled>--Seleccione--</option>
                @foreach ($contenidos_resultados as $contenido)
                    <option value="{{ $contenido->id_index }}">
                        {{ $contenido->numero_index ? $contenido->numero_index.' - ' : '' }}{{ $contenido->nombre }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="required field">
            <label for="apartado">Apartado</label>
            <select id="apartado" name="apartado" class="form-control selectpicker" required>
                <option value="" selected disabled>--Seleccione--</option>
                <option value="1">Capítulo</option>
                <option value="2">Apendicé</option>
            </select>
        </div>

        <div class="field">
            <label class="col-form-label">Equipo de pruebas general</label>
            <div class="ui toggle checkbox">
                <input type="checkbox" name="equipo" id="equipo" value="1">
                <label for="equipo">Si</label>
            </div>
        </div>

        <div class="row">
            <div class="col-md-7">
                <div class="required field">
                    <label for="numero">Introduce el capítulo (No.) o apéndice (Letra)</label>
                    <input type="text" class="form-control" id="numero" name="numero" placeholder="Número del capítulo">
                </div>
            </div>

            <div class="col-md-5">
                <div class="field">
                    <label class="col-form-label">Mostrar No. de capítulo en los incisos</label>
                    <div class="ui toggle checkbox">
                        <input type="checkbox" name="mostrar_numero_incisos" id="mostrar_numero_incisos" value="1">
                        <label for="mostrar_numero_incisos">Si</label>
                    </div>
                </div>
            </div>
        </div>

        <div class="required field">
            <label for="capitulo">Nombre del capítulo o apéndice</label>
            <input type="text" class="form-control" id="capitulo" name="capitulo" placeholder="Nombre del capítulo">
        </div>

        <div class="field">
            <label for="descripcion">Descripción del capítulo o apéndice</label>
            <textarea class="form-control" rows="4" id="descripcion" name="descripcion" placeholder="Descripción"></textarea>
        </div>

    @endslot

    @slot('button')
        <button type="submit" class="btn btn-primary">
            <i class="save icon"></i>Guardar
        </button>
    @endslot
@endcomponent