@extends('layouts3.dashboard_administrador_public')

@section('content')

    <div class="row">
        <div class="col-md-3">

            <!-- Profile Image -->
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <img class="profile-user-img img-responsive img-circle"
                        src="{{ URL::asset('assets/images/default-user-image.png') }}" alt="Perfil de prestador">

                    <h3 class="profile-username text-center">{{ ucfirst($prestador->firstname) }}
                        {{ ucfirst($prestador->primary_lastname) }}</h3>

                    <p class="text-muted text-center">Estudiante de Servicio Comunitario</p>

                    <ul class="list-group list-group-unbordered">
                        <li class="list-group-item">
                            <b>Horas comunitarias</b> <a class="pull-right">{{ $prestador->hrs_comunitarias }}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Número de actividades</b> <a class="pull-right">{{ $count_actividades }}</a>
                        </li>


                        <li class="list-group-item" id="carterasDatas">
                            <b>Horas acumuladas (Proyecto)</b> <a class="pull-right">{{ $suma }}
                            </a>
                        </li>
                    </ul>
                    @if ($userCertificado->Aprobado == null || $userCertificado->Aprobado == 0)
                        <a class="btn btn-success btn-block" disabled="disabled"><b>Imprimir certificado</b></a>
                    @else
                        <a href="{{ route('Estudiante.certificate') }}" class="btn btn-primary btn-block"><b>Imprimir
                                certificado</b></a>
                    @endif
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

            <!-- About Me Box -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Proyecto</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <strong><i class="fa fa-book margin-r-5"></i> Título del proyecto</strong>

                    <p class="text-muted" style="padding-left:20px;">
                        {{ $proyecto->nombre_proyecto }}
                    </p>

                    <p class="text-muted" style="padding-left:20px;">
                        <b>Inicio:</b> {{ date_format(new DateTime($pup_relations->created_at), 'd/m/Y') }} - <b>Fin: </b>
                        {{ $pup_relations->finalized_at ? date_format(new DateTime($pup_relations->finalized_at), 'd/m/Y') : 'Pendiente' }}
                    </p>

                    <hr>




                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
        <div class="col-md-9">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#activity" data-toggle="tab">Resumen de actividades</a></li>
                </ul>
                <div class="tab-content">
                    <div class="active tab-pane" id="activity">
                        @if (count($actividades) > 0)
                            @foreach ($actividades as $actividad)
                                <!-- Post -->
                                <div class="post">
                                    <div class="user-block">
                                        <img class="img-circle img-bordered-sm"
                                            src="{{ URL::asset('assets/images/icono-redaccion-proyectos.png') }}"
                                            alt="user image">
                                        <span class="username">
                                            <a href="#">{{ $actividad->actividad }}</a>
                                        </span>
                                        <span class="description"><i class="fa fa-clock-o"></i> {{ $actividad->hrs }} h
                                            &nbsp; - &nbsp; <i class="fa fa-calendar"></i>
                                            {{ date_format(new DateTime($actividad->fecha), 'd/m/Y') }}</span>
                                    </div>
                                    <!-- /.user-block -->
                                    <div class="block-detalle">
                                        {{ $actividad->detalle, 140 }}
                                    </div>
                                </div>
                                <!-- /.post -->
                            @endforeach
                        @else
                            <div class="text-center text-red"><span>No hay actividades registradas</span></div>
                        @endif
                    </div>
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

@endsection
@section('scripts')
    <script type="text/javascript"></script>
@endsection