@extends('template.portal.layout')
@section('content-body')
<div class="portlet light">
    <div class="portlet-title">
        <h3 class="titulo-default text-center"> Convenios </h3>
    </div>
    <div class="portlet-body">
        @if(!empty($convenios) && count($convenios) > 0)
            <div class="general-item-list portal">
                @foreach($convenios as $convenio)
                    <div class="item">
                        <div class="item-head">
                            <div class="item-details">
                                <img class="item-pic rounded" src="{{ asset($convenio->urlimagen) }}">
                                <div class="item-name bold color-primary">{{ $convenio->titulo  }}</div>
                            </div>
                            <span class="item-status"></span>
                        </div>
                        <div class="item-body">
                            <table class="table-convenios">
                                <tbody>
                                    <tr>
                                        <td width="120px"><strong class="color-secondary">Objetivo: </strong></td>
                                        <td>{{ $convenio->objetivo }}</td>
                                    </tr>
                                    <tr>
                                        <td width="120px"><strong class="color-secondary">Descripción: </strong></td>
                                        <td>{{ $convenio->descripcion }}</td>
                                    </tr>
                                    <tr>
                                        <td width="120px"><strong class="color-secondary">Resolución: </strong></td>
                                        <td>{{ $convenio->resolucion }}</td>
                                    </tr>
                                    <tr>
                                        <td width="120px"><strong class="color-secondary">Fecha de inicio: </strong></td>
                                        <td>{{ $convenio->fecha_inicio }}</td>
                                    </tr>
                                    <tr>
                                        <td width="120px"><strong class="color-secondary">Fecha de fin: </strong></td>
                                        <td>{{ $convenio->fecha_fin }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="text-center">
                {{ $convenios->render() }}
            </div>
        @else
            <label class="no-existen">No existen convenios activos</label>
        @endif

    </div>
</div>
@endsection
@section('scripts')
@endsection