@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>Eliminar actividad de la medida:</h2>
            <p class="{{$color}} mb-5 d-none">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}}"></div>

                <div class="card-body bg-white edit-activity">

                    @foreach($measure[0]->activity as $activity) 
                        <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">
                                                <span class="material-symbols-outlined text-white">delete</span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-12 box-activity-description"> <span>Descripción:</span> 
                                        <textarea class="form-control" placeholder="" id="description" name="description" 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" 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>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="col-md-1"></div>

        
    </div>
</div>

@endsection


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-lg">
                                                        <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h1 class="modal-title fs-5" id="exampleModalLabel">Eliminar actividad: {{$activity->name}}</h1>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="material-symbols-outlined">close</span></button>
                                                        </div>
                                                        <div class="modal-body text-center">
                                                            <span class="material-symbols-outlined">delete</span>
                                                            <p>¿Estás segur@ de querer eliminar la actividad?</p>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-regret" data-bs-dismiss="modal">No, me arrepentí</button>
                                                            <button type="submit" class="btn btn-delete">Sí, la quiero eliminar</button>
                                                        </div>
                                                        </div>
                                                    </div>
                                                </div>