@extends('layouts.admin')


@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <div class="card">

                <div class="container">
                    <div class="row">
                        @if ($errors->any())
                            <div class="col-12 alert alert-danger text-center">
                            Asegúrate de completar todos los datos obligatorios* y cumplir con los requisitos.
                            </div>
                        @endif

                        @if (session('status'))
                            <div class="col-12 alert alert-success mb-5">
                                {{ session('status') }}
                            </div>
                        @endif
                    </div>
                </div>

                
                <div class="card-header card-header-primary shadow {{$bg_color}}">
                  <h4 class="card-title">{{$axis_name}}</h4>
                  <p class="card-category">Medida: {{$measure[0]->name}}</p>
                </div>
                <div class="card-body">
                    <form class="needs-validation"  action="{{route('actividad.store')}}" method="POST" enctype="multipart/form-data" files="true">
                    @csrf
                        <div class="row">
                            <div class="col-12 col-md-12 my-2">
                                <div class="form-group">
                                    <label class="mb-2">Nombre de la actividad:</label>
                                    <input type="text" class="form-control" name="nombre" id="nombre" value="{{old('nombre')}}" >
                                    @error('nombre')
                                        <p class="invalid">El campo nombre de actividad es obligatorio.</p>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-12 col-md-12 my-2">
                                <div class="form-group validate-descripcion">
                                    <label class="mb-2">Descripción de la actividad *:</label>
                                    <textarea class="form-control" name="description" id="description" value="">{{old('description')}}</textarea>

                                    <div class="col-12 alert-descripcion">
                                        @error('description')
                                            <p class="invalid">El campo descripción es obligatorio.</p>
                                        @enderror
                                    </div>
                                </div>
                            </div> 
                            
                            {{-- <div class="col-12 col-md-12 my-2">
                                <div class="form-group validate-descripcion">
                                    <label class="mb-2">Observaciones/Comentarios:</label>
                                    <textarea class="form-control" name="description" id="description" value="">{{old('description')}}</textarea>

                                    <div class="col-12 alert-descripcion">
                                        @error('description')
                                            <p class="invalid">El campo descripción es obligatorio.</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>  --}}

                            <div class="col-12 col-md-6 my-2">
                                <div class="form-group">
                                    <label class="mb-2">Ponderación de la actividad:</label>
                                    <input type="text" class="form-control" name="ponderacion" id="ponderacion" value="{{old('ponderacion')}}">

                                    <div class="col-12 alert-email">
                                        @error('ponderacion')
                                            <p class="invalid">El campo Ponderación de la actividad es obligatorio.</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-md-6 my-2">
                                <div class="form-group">
                                    <label class="mb-2">Número de la actividad (1,2,3):</label>
                                    <input type="text" class="form-control" name="nro" id="nro" value="{{old('nro')}}">
                                </div>
                            </div>

                            {{-- <div class="col-12 col-md-12 my-3">
                                <h4 class="text-blue">Medios de Verificación</h4>
                            </div>

                            <div class="col-12 col-md-12 my-2">
                                <label class="mb-2">Archivo adjunto: <img src="{{ asset('assets/images/question.svg')}}" alt="" data-bs-toggle="tooltip" data-bs-title="Si existe algún documento que respalde su actividad (informe, estudio, carta, declaración), por favor adjuntar aquí. "> </label>
                                <input type="file" class="form-control" aria-label="file example" id="adjunto" name="adjunto" >
                                <div id="passwordHelpBlock" class="form-text">
                                    Los archivos permitidos son PDF, DOC, XLS y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.
                                </div>
                            </div>  
                            <div class="col-12 alert-descripcion">
                                @error('adjunto')
                                    <p class="invalid">Los archivos permitidos son PDF, DOC, XLS y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.</p>
                                @enderror
                            </div>

                            <div class="col-12 col-md-12 my-2">
                                <label class="mb-2">Archivo adjunto: <img src="{{ asset('assets/images/question.svg')}}" alt="" data-bs-toggle="tooltip" data-bs-title="Si existe algún documento que respalde su actividad (informe, estudio, carta, declaración), por favor adjuntar aquí."></label>
                                <input type="file" class="form-control" aria-label="file example" id="adjunto2" name="adjunto2" >
                                <div id="passwordHelpBlock" class="form-text">
                                    Los archivos permitidos son PDF, DOC, XLS y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.
                                </div>
                            </div>  
                            @error('adjunto2')
                                <p class="invalid">Los archivos permitidos son PDF, DOC, XLS y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.</p>
                            @enderror

                            <div class="col-12 alert01">
                                <div class="invalid-feedback">
                                    Las casillas marcadas con asterisco (*) son obligatorias. Por favor, para continuar completa todos los campos requeridos.
                                </div>
                            </div>

                            <div class="col-md-12 my-2">
                                <div class="form-group">
                                    <label class="mb-2">Enlaces:</label>
                                    <textarea class="form-control" id="links" name="links" rows="3"></textarea>
                                    
                                </div>
                            </div>


                            <div class="col-12 col-md-12 my-3">
                                <h4 class="text-blue">Quiero:</h4>
                            </div>

                            <div class="form-check ml-3">
                                <input class="form-check-input pl-5" type="radio" name="saveas" value="4" id="saveas1">
                                <label class="form-check-label" for="saveas1">
                                    Guardar como borrador
                                </label>
                                </div>
                            <div class="form-check ml-3">
                                <input class="form-check-input" type="radio" name="saveas" value="1" id="saveas2">
                                <label class="form-check-label" for="saveas2">
                                    Enviar para validar
                                </label>
                            </div> --}}
                        
                            <div class="col-12 col-md-12 text-right mt-5">
                                <div class="btn-form d-flex align-items-end justify-content-end">
                                    <input type="hidden" class="form-control" name="measure_id" id="measure_id" value="{{$measure_id}}">
                                    <input type="hidden" class="form-control" name="user_id" id="user_id" value="{{$measure[0]->user_id}}">
                                    <button type="submit" class="btn btn-primary btn-fill pull-right {{$bg_color}} ">Agregar nueva actividad</button>
                                </div>
                            </div>

                            <div class="clearfix"></div>
                        </div>
                    </form>
                </div>
              </div>
            </div>
            
          </div>
        </div>
</div>

@endsection