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

    @slot('title')
        Editar Capitulo
    @endslot

    @slot('action')
        <form class="needs-validation ui form" method="POST" action="{{ url('capitulos/edit_capitulo') }}" role="form" enctype="multipart/form-data">
    @endslot

    @slot('form')
        {{ csrf_field() }}
        <div id="modal-form-modify">
            <input type="text" class="form-control" id="id_capitulo" name="id_capitulo" hidden>

            <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 edit">
                    <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 edit">
                            <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>
                <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>
        </div>
    @endslot

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