Sindbad~EG File Manager

<fieldset>
    @if($updateMode)
        <legend>Actualizar</legend>
    @else
        <legend>Crear</legend>
    @endif
    <form>
        <div class="row">
            <div class="col-12">
                <div class="form-group">
                    <label for="int_tipo">Tipo de interrogante:</label>
                    <select class="form-control" wire:model="int_tipo" required>
                        <option value="">Seleccione una opción</option>
                        <option value="1">Selección multiple</option>
                        <option value="2">Feedback</option>
                        <option value="3">Selección multiple editable</option>
                        <option value="4">Selección multiple editable con comentario</option>
                        <option value="5">Feedback con porcentaje</option>
                    </select>
                    @error('int_tipo') <span class="text-danger">{{ $message }}</span>@enderror
                </div>
            </div>
            <div class="col-12"> 
                <div class="form-group">
                    @if($int_tipo != 5)
                        <label for="int_nom">Interrogante:</label>
                    @else
                        <label for="int_nom">Funciones Generales:</label>
                    @endif
                    <div wire:ignore>
                        <textarea wire:model="int_nom" id="int_nom" type="text" placeholder="Interrogante" class="form-control" required></textarea>
                    </div>
                    @error('int_nom') <span class="text-danger">{{ $message }}</span>@enderror
                    <input type="hidden" wire:model="competencia_id" value="{{ $competencia->id }}">
                </div>
            </div>
            @if($int_tipo == 1)
                <div class="col-12"> 
                    <div class="form-group">
                        <label for="int_nom">Rango de calificación:</label>
                        <div class="row">
                            <div class="col-md-4">
                                <input type="number" class="form-control" id="int_inicio" placeholder="Rango de inicio" wire:model="int_inicio">
                                @error('int_inicio') <span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-md-4">
                                <input type="number" class="form-control" id="int_fin" placeholder="Rango de fin" wire:model="int_fin">
                                @error('int_fin') <span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-md-4">
                                <select class="form-control" wire:model="int_nr" required>
                                    <option value="0">¿No responde esta incluido?</option>
                                    <option value="1">Si</option>
                                    <option value="2">No</option>
                                </select>
                                @error('int_nr') <span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if($int_tipo == 3)
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion1">Interrogante 1:</label>
                        <input type="text" class="form-control" id="int_opcion1" placeholder="Interrogante 1" wire:model="int_opcion1">
                        @error('int_opcion1') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion1_punto">Valor interrogante 1:</label>
                        <input type="number" class="form-control" id="int_opcion1_punto" placeholder="Valor interrogante 1" wire:model="int_opcion1_punto">
                        @error('int_opcion1_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion2">Interrogante 2:</label>
                        <input type="text" class="form-control" id="int_opcion2" placeholder="Interrogante 2" wire:model="int_opcion2">
                        @error('int_opcion2') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion2_punto">Valor interrogante 2:</label>
                        <input type="number" class="form-control" id="int_opcion2_punto" placeholder="Valor interrogante 2" wire:model="int_opcion2_punto">
                        @error('int_opcion2_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion1">Interrogante 3:</label>
                        <input type="text" class="form-control" id="int_opcion3" placeholder="Interrogante 3" wire:model="int_opcion3">
                        @error('int_opcion3') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion3_punto">Valor interrogante 3:</label>
                        <input type="number" class="form-control" id="int_opcion3_punto" placeholder="Valor interrogante 3" wire:model="int_opcion3_punto">
                        @error('int_opcion3_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion4">Interrogante 4:</label>
                        <input type="text" class="form-control" id="int_opcion4" placeholder="Interrogante 4" wire:model="int_opcion4">
                        @error('int_opcion4') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion4_punto">Valor interrogante 4:</label>
                        <input type="number" class="form-control" id="int_opcion4_punto" placeholder="Valor interrogante 4" wire:model="int_opcion4_punto">
                        @error('int_opcion4_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion5">Interrogante 5:</label>
                        <input type="text" class="form-control" id="int_opcion5" placeholder="Interrogante 5" wire:model="int_opcion5">
                        @error('int_opcion5') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion5_punto">Valor interrogante 5:</label>
                        <input type="number" class="form-control" id="int_opcion5_punto" placeholder="Valor interrogante 5" wire:model="int_opcion5_punto">
                        @error('int_opcion5_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion6">Interrogante 6:</label>
                        <input type="text" class="form-control" id="int_opcion6" placeholder="Interrogante 6" wire:model="int_opcion6">
                        @error('int_opcion6') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion6_punto">Valor interrogante 6:</label>
                        <input type="number" class="form-control" id="int_opcion6_punto" placeholder="Valor interrogante 6" wire:model="int_opcion6_punto">
                        @error('int_opcion6_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion7">Interrogante 7:</label>
                        <input type="text" class="form-control" id="int_opcion7" placeholder="Interrogante 7" wire:model="int_opcion7">
                        @error('int_opcion7') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion7_punto">Valor interrogante 7:</label>
                        <input type="number" class="form-control" id="int_opcion7_punto" placeholder="Valor interrogante 7" wire:model="int_opcion7_punto">
                        @error('int_opcion7_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion8">Interrogante 8:</label>
                        <input type="text" class="form-control" id="int_opcion8" placeholder="Interrogante 8" wire:model="int_opcion8">
                        @error('int_opcion8') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion8_punto">Valor interrogante 8:</label>
                        <input type="number" class="form-control" id="int_opcion8_punto" placeholder="Valor interrogante 8" wire:model="int_opcion8_punto">
                        @error('int_opcion8_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion9">Interrogante 9:</label>
                        <input type="text" class="form-control" id="int_opcion9" placeholder="Interrogante 9" wire:model="int_opcion9">
                        @error('int_opcion9') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion9_punto">Valor interrogante 9:</label>
                        <input type="number" class="form-control" id="int_opcion9_punto" placeholder="Valor interrogante 9" wire:model="int_opcion9_punto">
                        @error('int_opcion9_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion10">Interrogante 10:</label>
                        <input type="text" class="form-control" id="int_opcion10" placeholder="Interrogante 10" wire:model="int_opcion10">
                        @error('int_opcion10') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion10_punto">Valor interrogante 10:</label>
                        <input type="number" class="form-control" id="int_opcion10_punto" placeholder="Valor interrogante 10" wire:model="int_opcion10_punto">
                        @error('int_opcion10_punto') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
            @endif
            @if($int_tipo == 4)
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion1">Interrogante 1:</label>
                        <input type="text" class="form-control" id="int_opcion1" placeholder="Interrogante 1" wire:model="int_opcion1">
                        @error('int_opcion1') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>                    
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion2">Interrogante 2:</label>
                        <input type="text" class="form-control" id="int_opcion2" placeholder="Interrogante 2" wire:model="int_opcion2">
                        @error('int_opcion2') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion1">Interrogante 3:</label>
                        <input type="text" class="form-control" id="int_opcion3" placeholder="Interrogante 3" wire:model="int_opcion3">
                        @error('int_opcion3') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion4">Interrogante 4:</label>
                        <input type="text" class="form-control" id="int_opcion4" placeholder="Interrogante 4" wire:model="int_opcion4">
                        @error('int_opcion4') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion5">Interrogante 5:</label>
                        <input type="text" class="form-control" id="int_opcion5" placeholder="Interrogante 5" wire:model="int_opcion5">
                        @error('int_opcion5') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion6">Interrogante 6:</label>
                        <input type="text" class="form-control" id="int_opcion6" placeholder="Interrogante 6" wire:model="int_opcion6">
                        @error('int_opcion6') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion7">Interrogante 7:</label>
                        <input type="text" class="form-control" id="int_opcion7" placeholder="Interrogante 7" wire:model="int_opcion7">
                        @error('int_opcion7') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion8">Interrogante 8:</label>
                        <input type="text" class="form-control" id="int_opcion8" placeholder="Interrogante 8" wire:model="int_opcion8">
                        @error('int_opcion8') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion9">Interrogante 9:</label>
                        <input type="text" class="form-control" id="int_opcion9" placeholder="Interrogante 9" wire:model="int_opcion9">
                        @error('int_opcion9') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="col-3"> 
                    <div class="form-group">
                        <label for="int_opcion10">Interrogante 10:</label>
                        <input type="text" class="form-control" id="int_opcion10" placeholder="Interrogante 10" wire:model="int_opcion10">
                        @error('int_opcion10') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>
                </div>
            @endif
        </div>
        <div class="row" {{ ( $int_tipo == 5) ? 'style=display:inline;' : 'style=display:none;' }}>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="frecuencia">Frecuencia:</label>
                    <div wire:ignore>
                        <textarea wire:model="frecuencia" id="frecuencia" type="text" placeholder="Interrogante" class="form-control" required></textarea>
                    </div>
                    @error('frecuencia') <span class="text-danger">{{ $message }}</span>@enderror
                    <input type="hidden" wire:model="competencia_id" value="{{ $competencia->id }}">
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="producto">Producto:</label>
                    <div wire:ignore>
                        <textarea wire:model="producto" id="producto" type="text" placeholder="Interrogante" class="form-control" required></textarea>
                    </div>
                    @error('producto') <span class="text-danger">{{ $message }}</span>@enderror
                    <input type="hidden" wire:model="competencia_id" value="{{ $competencia->id }}">
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="indicador">Indicador:</label>
                    <div wire:ignore>
                        <textarea wire:model="indicador" id="indicador" type="text" placeholder="Interrogante" class="form-control" required></textarea>
                    </div>
                    @error('indicador') <span class="text-danger">{{ $message }}</span>@enderror
                    <input type="hidden" wire:model="competencia_id" value="{{ $competencia->id }}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                @if($updateMode)
                    <button wire:click.prevent="update()" class="btn btn-dark btn-sm">Actualizar</button>
                    <button wire:click.prevent="cancel()" class="btn btn-danger btn-sm">Cancelar</button>
                @else
                    <br><button wire:click.prevent="store()" class="btn btn-success btn-sm">Guardar</button>
                @endif 
            </div>
        </div>
    </form>
</fieldset>