@extends('layouts.admin')


@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                
                <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 bg-white">
                        @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('error'))
                            <div class="col-12 alert alert-danger text-center">
                                Alguno de los métodos de validación debe llevar información.
                            </div>
                        @endif

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

                    <form class="needs-validation"  action="{{route('actividad.update', $measure[0]->id )}}" method="POST" enctype="multipart/form-data" files="true">
                        <input type="hidden" name="_method" value="PUT">
                        @csrf
                        
                        @foreach($activity as $activity) 
                            <div class="row">
                                
                                @if(Auth::user()->profile_id == 1) 
                                <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="{{$activity->name}}" >
                                        @error('nombre')
                                        <div class="col-12 alert alert-danger" role="alert">
                                            <p class="invalid mb-0">El nombre de actividad es obligatorio.</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                @else 
                                <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="{{$activity->name}}"  >
                                    </div>
                                </div>
                                @endif

                                @if(Auth::user()->profile_id == 1) 
                                <div class="col-12 col-md-6 my-2">
                                    <div class="form-group">
                                        <label class="mb-2">Ponderación de la actividad en %:</label>
                                        <input type="text" class="form-control" name="ponderacion" id="ponderacion" value="{{$activity->cumplimiento}}">
                                        
                                            @error('ponderacion')
                                                <div class="col-12 alert alert-danger" role="alert">
                                                    <p class="invalid mb-0">La ponderación de la actividad es obligatorio.</p>
                                                </div>
                                            @enderror
                                    </div>
                                </div>
                                @else 
                                    <div class="col-12 col-md-6 my-2">
                                        <div class="form-group">
                                            <label class="mb-2">Ponderación de la actividad en %:</label>
                                            <input type="text" class="form-control" name="ponderacion" id="ponderacion" value="{{$activity->cumplimiento}} %" disabled >
                                        </div>
                                    </div>    
                                @endif

                                <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')}}">{{$activity->description}}  {{old('description')}}</textarea>

                                        @error('description')
                                        <div class="col-12 alert alert-danger" role="alert">
                                            <p class="invalid mb-0">La descripción de la actividad es requerido.</p>
                                        </div>
                                        @enderror
                                    </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="observations" id="observations" value="">{{$activity->observations}} {{old('observations')}}</textarea>

                                            @error('observations')
                                            <div class="col-12 alert alert-danger" role="alert">
                                                <p class="invalid mb-0">Las observaciones son requeridas.</p>
                                            </div>
                                            @enderror
                                    </div>
                                </div>

                                <div class="col-12 col-md-12 my-3">
                                    <h4 class="text-blue">Medios de Verificación</h4>
                                    <small>Asegúrate de adjuntar al menos un archivo o dejar un enlace de verificación</small>

                                    @if (session('error'))
                                        <div class="col-12 alert alert-danger text-center">
                                            Alguno de los métodos de validación debe llevar información.
                                        </div>
                                    @endif
                                </div>   

                                @if($count > 0) 
                                <div class="col-12 col-md-12 my-2">
                                    <label class="mb-2">Archivo adjunto: </label>
                                    <ul>
                                    @foreach($is_file as $file)
                                        <li>
                                            <a href="{{asset('storage')}}/adjuntos/{{$nameFolder}}/{{$file->name}}">{{$file->name}}</a>
                                        </li>
                                    @endforeach
                                    </ul>    
                                </div>  
                                @endif 


                                <div class="col-12 col-md-12 my-2">
                                    <label class="mb-2">Archivo adjunto: </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')
                                    <div class="col-12 alert alert-danger" role="alert">
                                        Los archivos permitidos son PDF, DOC y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.
                                    </div>
                                    @enderror
                                </div>

                                <div class="col-12 col-md-12 my-2">
                                    <label class="mb-2">Archivo adjunto:</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')
                                    <div class="invalid-feedback col-12 alert alert-danger">
                                        <p class="">Los archivos permitidos son PDF, DOC y JPG. El tamaño permitido es de hasta 10mb. Por favor, asegúrate de cumplir con estos requisitos.</p>
                                        <p class="mb-0">Las casillas marcadas con asterisco (*) son obligatorias. Por favor, para continuar completa todos los campos requeridos.</p>
                                    </div>
                                @enderror


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

                                @if(Auth::user()->profile_id == 1)
                                    
                                    <div class="col-12 col-md-12 my-3 ">
                                        <h4 class="text-blue">Administrador :</h4>
                                    </div>

                                    <div class="col-12 col-md-12 my-2 ">
                                        <div class="form-group validate-descripcion">
                                            <label class="mb-2">Observaciones/Comentarios por parte del admin:</label>
                                            <textarea class="form-control" name="observationsAdmin" id="observationsAdmin" value="">{{old('observationsAdmin')}}</textarea>

                                                @error('observationsAdmin')
                                                <div class="col-12 alert alert-danger" role="alert">
                                                    <p class="invalid mb-0">Las observaciones son requeridas.</p>
                                                </div>
                                                @enderror
                                        </div>
                                    </div>

                                    <div class="form-check ml-3 ">
                                        <input class="form-check-input pl-5" type="radio" name="saveas" value="2" id="saveas1">
                                        <label class="form-check-label" for="saveas1">
                                        Enviar a revisión
                                        </label>
                                    </div>
                                    <div class="form-check ml-3 ">
                                        <input class="form-check-input" type="radio" name="saveas" value="3" id="saveas2">
                                        <label class="form-check-label" for="saveas2">
                                            Validar
                                        </label>
                                    </div>
                                @endif
                                
                                @if(Auth::user()->profile_id == 2)

                                    @if($activity->status_id == 1)
                                        <div class="col-12 col-md-12 my-3">
                                            <h4 class="text-blue">La actividad fue enviada para revisión.</h4>
                                        </div>
                                    @endif
                                    @if($activity->status_id == 3)
                                        <div class="col-12 col-md-12 my-3">
                                            <h4 class="text-blue">La actividad se encuentra completada.</h4>
                                        </div>
                                    @else 

                                        <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>
                                    @endif
                                @endif


                                @error('saveas')
                                <div class="col-12 alert alert-danger" role="alert">
                                    <p class="invalid mb-0">Debes elegir una de las dos opciones para guardar.</p>
                                </div>
                                @enderror

                                <div class="col-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="nro" id="nro" value="{{$activity->nro}}">
                                        <input type="hidden" class="form-control" name="activity_id" id="nro" value="{{$activity->id}}">
                                        <input type="hidden" class="form-control" name="axis_name" id="nro" value="{{$axis_name}}">
                                
                                        @if(Auth::user()->profile_id == 2)
                                            @if($activity->status_id == 4 || $activity->status_id == 5 || $activity->status_id == 2)
                                                <button type="submit" class="btn btn-primary btn-fill pull-right {{$bg_color}} ">Registrar actividad</button>
                                            @endif
                                        @endif

                                        @if($activity->status_id == 1 && Auth::user()->profile_id == 1)
                                            <button type="submit" class="btn btn-primary btn-fill pull-right {{$bg_color}} ">Registrar actividad</button>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12 text-left mt-5">
                                    @if($activity->status_id == 2 && Auth::user()->profile_id == 1)
                                        <div class="col-12 col-md-12 my-3">
                                            <h4 class="text-blue">La actividad fue enviada para revisión/iteración.</h4>
                                            <p>Con la siguiente observación: {{$observations[0]->observations}}</p>
                                        </div>
                                    @endif
                                 
                                </div>
                            </div>
                        @endforeach
                        <div class="clearfix"></div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">  
            <div class="card">    
                <div class="card-header card-header-primary shadow {{$bg_color}}">
                  <h4 class="card-title">Observaciones</h4>
                  <p class="card-category">por parte del administrador:</p>
                </div>
                <div class="card-body bg-white">
                    <ul>
                    @foreach($observations as $observation)
                    <li>{{$observation->observations}}</li>
                    @endforeach
                    </ul>
                    
                </div>
            </div>    
        </div>
    </div>
</div>

@endsection