@extends('layouts.adminpages')

@section('content')
<div class="content row">
    <div class="col-md-12 text-right mt-2">
        <a href="{{ route('activities.questions', $activity) }}" class="btn btn-success">Volver</a>
    </div>
    <div class="col-md-12">
        <div class="title-page">
            {{ $question->exists ? 'Editar Pregunta' : 'Crear Pregunta' }}
        </div>
    </div>
    <div class="col-md-12">
        <br>
    </div>
    <div class="col-md-12 text-left">
        <form action="{{ $question->exists ? route('activities.questions.update', [$activity, $question]) : route('activities.questions.store', $activity) }}" method="post">
            @csrf
            @if($question->exists)
                @method('PUT')
            @endif
            
            <div class="form-group row">
                <div class="col-md-12">
                    <label for="title">Pregunta <span>*</span></label>
                    <textarea class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" 
                              name="title" 
                              rows="3" 
                              required>{{ old('title', $question->title) }}</textarea>
                    @if ($errors->has('title'))
                        <div class="invalid-feedback">
                            <strong>{{ $errors->first('title') }}</strong>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-6">
                    <label for="time_in_seconds">Tiempo en segundos <span>*</span></label>
                    <input type="number" 
                           class="form-control {{ $errors->has('time_in_seconds') ? 'is-invalid' : '' }}" 
                           name="time_in_seconds" 
                           value="{{ old('time_in_seconds', $question->time_in_seconds ?? 60) }}" 
                           min="1" 
                           required>
                    @if ($errors->has('time_in_seconds'))
                        <div class="invalid-feedback">
                            <strong>{{ $errors->first('time_in_seconds') }}</strong>
                        </div>
                    @endif
                </div>
                <div class="col-md-6">
                    <label for="status">Estado</label>
                    <select class="form-control {{ $errors->has('status') ? 'is-invalid' : '' }}" name="status">
                        <option value="1" {{ old('status', $question->status) == 1 ? 'selected' : '' }}>Activo</option>
                        <option value="0" {{ old('status', $question->status) == 0 ? 'selected' : '' }}>Inactivo</option>
                    </select>
                    @if ($errors->has('status'))
                        <div class="invalid-feedback">
                            <strong>{{ $errors->first('status') }}</strong>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-12">
                    <label for="text_answer">Respuesta <span>*</span></label>
                    <textarea class="form-control {{ $errors->has('text_answer') ? 'is-invalid' : '' }}" 
                              name="text_answer" 
                              rows="2" 
                              required>{{ old('text_answer', $question->answers->first()->text_answer ?? '') }}</textarea>
                    @if ($errors->has('text_answer'))
                        <div class="invalid-feedback">
                            <strong>{{ $errors->first('text_answer') }}</strong>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-success">
                        {{ $question->exists ? 'Actualizar' : 'Crear' }}
                    </button>
                    <a href="{{ route('activities.questions', $activity) }}" class="btn btn-secondary">Cancelar</a>
                </div>
            </div>
        </form>
    </div>
    <div class="col-md-12">
        <div class="footer-page"></div>
    </div>
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
        @if (session('status'))
            swal.fire({
                title: '¡Todo ha salido correctamente!',
                text: '{{ session('status') }}',
                type: 'success',
                confirmButtonText: 'Continuar'
            })
        @endif
    </script>
@stop