@extends('layouts.admin')


@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10 info-measures">
            <div class="card">
                
                <div class="card-header card-header-primary shadow {{$bg_color}}">
                  <h4 class="card-title">Medida: {{$measure[0]->name}}</h4>
                  <p class="card-category">Eje: {{$measure[0]->axe->name}}</p>
                  <p class="card-category">Encargado: {{$measure[0]->user->name}}</p>
                </div>

                <div class="card-body bg-white">
                        <h2 class="box-activity-title">Actividades de la medida:</h2>

                    @foreach($measure[0]->activity as $activity) 
                        <div class="row">

                            <div class="col-12 card-activity my-3">
                                <div class="col-12 box-activity-name">{{$activity->nro}}. {{$activity->name}}</div>
                                <!-- <div class="col-12 box-activity-description"> <span>Encargado:</span> {{$measure[0]->user->name}}</div> -->
                                <div class="col-12 box-activity-description"> <span>Descripción:</span> {{$activity->description}}</div>
                                <div class="col-12 box-activity-description"><span>Observaciones de la actividad:</span> {{$activity->observations}}</div>
                                <div class="col-12 box-activity-cumplimiento"><span>Porcentaje de cumplimiento:</span> {{$activity->cumplimiento}}</div>
                                <div class="col-12 box-activity-cumplimiento"><span>Estado:</span> 
                                    @if($activity->status_id == 1) <p class="badge-status ">{{'Enviada a revisión por el administrador'}} </p> @endif
                                    @if($activity->status_id == 2) <p class="badge-status bg-pink">{{'Con observaciones por parte del administrador. Iteración. '}} </p> @endif
                                    @if($activity->status_id == 3) <p class="badge-status bg-green">{{'Cumplida'}} </p> @endif
                                    @if($activity->status_id == 4) <p class="badge-status bg-purple">{{'Borrador'}} </p> @endif
                                    @if($activity->status_id == 5) <p class="badge-status bg-gray">{{'No iniciada'}} </p> @endif
                                </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> 
                                    
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>

@endsection