@extends('layouts.admin')


@section('content')

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

            <h2 class="mb-0"><span class="material-symbols-outlined mr-1 {{$color}}">arrow_forward_ios</span>Edición de la medida:</h2>
            <p class="{{$color}} mb-5">Edita directamente el contenido de la medida y luego pulsa el botón "Actualizar Medida"</p>

        </div>
        <div class="col-md-1"></div>
        <div class="col-md-10 info-measures edit-measure">
            <div class="card">

                <div class="card-header card-header-primary shadow {{$bg_color}}">
                    <form class="needs-validation"  action="{{route('medidas.update', $measure[0]->id)}}" method="POST">
                        <input type="hidden" name="_method" value="PUT">
                        @csrf
                        <h4 class="card-title">Medida: <input type="text" class="form-control text-white" name="measure" id="measure" value="{{$measure[0]->name}}"></h4>
                        <p class="card-category">Descripción: </p>
                        <div class="form-floating">
                            <textarea class="form-control text-white" placeholder="" id="description" name="description" style="height: 150px">{{$measure[0]->description}}</textarea>
                        </div>
                        <p class="card-category">Tipo:
                            <select name="tipo" id="tipo" class="form-control text-white">
                                <option value="Gestión" {{ $measure[0]->type == 'Gestión' ? 'selected' : '' }}>Gestión</option>
                                <option value="Legislativa" {{ $measure[0]->type == 'Legislativa' ? 'selected' : '' }}>Legislativa</option>
                                <option value="Administrativa" {{ $measure[0]->type == 'Administrativa' ? 'selected' : '' }}>Administrativa</option>
                            </select>
                        <p class="card-category">Eje: 
                            <select name="eje" id="eje" class="form-control text-white">
                                @foreach ($ejes as $eje)
                                    <option value="{{$eje->id}}" {{ $eje->name == $measure[0]->axe->name ? 'selected' : '' }}>{{$eje->name}}</option>
                                @endforeach
                            </select>
                        </p>
                        <p class="card-category">Encargado: 
                            <select name="user" id="user" class="form-control text-white">
                                @foreach ($users as $user)
                                    <option value="{{$user->id}}" {{ $user->name == $measure[0]->user->name ? 'selected' : '' }}>{{$user->name}}</option>
                                @endforeach
                            </select>
                        </p>
                        <input type="hidden" name="measure_id" value="{{$measure[0]->id}}">
                        <button type="submit" class="btn btn-primary btn-fill pull-right mt-5 update">Actualizar Medida</button>
                    </form>
                </div>

                <div class="card-body bg-white edit-activity">
                        <h2 class="box-activity-title"><span class="material-symbols-outlined mr-1 {{$color}}">arrow_forward_ios</span>Edita las actividades de la medida a continuación:</h2>
                        <p class="{{$color}}">Edita los campos de la actividad de forma directa para luego actualizar la actividad.</p>

                    @foreach($measure[0]->activity as $activity) 
                        @if($activity->is_active == 1)
                        <div class="row">
                            <div class="col-12 card-activity my-3">
                                <form class="needs-validation"  action="{{route('actividad.update', $activity->id)}}" method="POST">
                                    <input type="hidden" name="_method" value="PUT">
                                    @csrf
                                    <div class="row">
                                        <div class="col-11 box-activity-name">
                                            {{$activity->nro}}. <input type="text" class="form-control text-white" name="activity" id="activity" value="{{$activity->name}}">
                                        </div>
                                        <div class="col-1 activity-delete box-activity-name text-center">
                                            <div class="text-white" data-bs-toggle="modal" data-bs-target="#exampleModal-{{$activity->id}}">
                                                <span class="material-symbols-outlined text-white">delete</span>
                                            </div>
                                        </div>


                                        <!-- Modal -->
                                            <div class="modal fade" id="exampleModal-{{$activity->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                <div class="modal-header justify-content-center">
                                                    <h1 class="modal-title delete fs-5" id="exampleModalLabel">
                                                    <span class="material-symbols-outlined">delete</span>
                                                    </h1>
                                                    
                                                </div>
                                                <div class="modal-body">
                                                    ¿Estás seguro de eliminar la actividad "{{$activity->name}}"?
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-decline" data-bs-dismiss="modal">No, me arrepentí.</button>
                                                    <a href="{{route('eliminar-actividad', $activity->id)}}">
                                                        <button type="button" class="btn btn-delete">Sí, la quiero eliminar.</button>
                                                    </a>
                                                </div>
                                                </div>
                                            </div>
                                            </div>
                                    </div>
                                    
                                    <div class="col-12 box-activity-description"> <span>Descripción:</span> 
                                        <textarea class="form-control" placeholder="" id="description" name="description" rows="5" style="height: 150px">{{$activity->description}}</textarea>
                                    </div>
                                    <div class="col-12 box-activity-description"><span>Observaciones de la actividad:</span> 
                                         <textarea class="form-control" placeholder="" id="observations" name="observations" rows="5" style="height: 150px">{{$activity->observations}}</textarea>
                                    </div>
                                    <div class="col-12 box-activity-cumplimiento"><span>Porcentaje de cumplimiento:</span> 
                                        <input type="number" class="form-control" name="cumplimiento" id="cumplimiento" value="{{$activity->cumplimiento}}">
                                    </div>
                                    <div class="col-12 box-activity-cumplimiento"><span>Estado:</span> 

                                        <select name="status" id="status" class="form-control">
                                            <option value="1" {{ $activity->status_id == 1 ? 'selected' : '' }}>Enviada a revisión por el administrador</option>
                                            <option value="2" {{ $activity->status_id == 2 ? 'selected' : '' }}>Con observaciones por parte del administrador. Iteración.</option>
                                            <option value="3" {{ $activity->status_id == 3 ? 'selected' : '' }}>Cumplida</option>
                                            <option value="4" {{ $activity->status_id == 4 ? 'selected' : '' }}>Borrador</option>
                                            <option value="5" {{ $activity->status_id == 5 ? 'selected' : '' }}>No iniciada</option>
                                        </select>
                                    </div>

                                    {{-- <h4 class="my-3">Medios de Verificación</h4>
                                          
                                            <!-- {{$attachements}} -->
                                        
                                        <ul>
                                        @foreach($attachements as $att)
                                            @if($att->activity_id == $activity->id )
                                                
                                                <a href="{{asset('storage')}}/adjuntos/{{$activity->id}}/{{ $att->name }}">{{$att->name}}</a>
                                            @endif
                                        @endforeach
                                        </ul>  --}}
                                    
                                    <input type="hidden" name="activity_id" value="{{$activity->id}}">
                                    <input type="hidden" name="code" value="2">
                                    <button type="submit" class="btn btn-update btn-fill pull-right mt-5 update">Actualizar Actividad {{$activity->nro}}</button>
                                </form>            
                            </div>
                        </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
        <div class="col-md-1"></div>

        <div class="col-12 text-center add-activity my-5">
            <a href="{{route('ingreso-actividad', $measure[0]->id)}}">Agregar una actividad a la medida<span class="ml-2 material-symbols-outlined">new_label</span></a>
        </div>
    </div>
</div>

@endsection