@extends('layouts.app')

@section('style_person')
<style type="text/css">
.temaArchivoLink{
    font-size: 15px;
    border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    border: 1px solid #999;
    color: #1f1d1f;
    background: #f7f7f7; 
    padding: 7px 10px;
    margin-right: 5px;
}
.temaArchivoLink:hover{
    background: #202124;
    text-decoration: none;
    color: #FFF;
}
</style>
@endsection

@section('content')
<!-- Horizontal Layout -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header" style="padding-bottom: 0">
                <h2>
                    <strong>Informes y Pedidos Solicitados</strong>
                </h2>
@if (count($temas) > 0)
                <label>Lista de temas solicitados de las sesiones realizadas.</label>
@else
                <label>No ha solicitado algún tema en las sesiones realizadas.</label>
@endif
            </div>
@if (count($temas) > 0)
			<div class="body" style="padding-top: 0;">
    @foreach ($temas as $tema)
                <div class="row clearfix pasar-lista" style="padding: 5px">
                    <div class="col-lg-11 col-md-11 col-sm-11 col-xs-10" style="margin: 0">
                        <div class="media-left media-top" style="padding-right: 5">
                            <div class="btn-circle {{ $tema->color }}" style="text-align: center;">
                                <label style="margin-top: 10px;font-size: 18px">{{ substr($tema->nombreAgenda, 0, 1) }}</label>
                            </div>
                        </div>
                        <div class="media-body" style="padding: 0;margin: 0">
                            <div class="row clearfix" style="padding: 0;margin: 0">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0;margin: 0">
                                    <div class="font-15 user-tema-reg"><strong>Sesi&oacute;n {{ $tema->nombreSesion }} {{ $tema->correlativo }} [{{ $tema->nombreAgenda }}]</strong></div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0;margin: 0">
                                    <div class="font-12">Creado: {{ date('d/m/Y H:i', strtotime($tema->fechareg)) }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 comentario-tema-reg" style="margin: 0"></div>
                             
        @if(count($tema->archivos) > 0)
            @foreach($tema->archivos as $archivo)
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 10px">        
                                        <a href="{{ url('/tema/descargar').'/'.$archivo->nombreSistema }}" class="temaArchivoLink"  title="{{ $archivo->nombreOriginal }}"><img src="{{ url('/') }}/img/icono/{{$archivo->extension}}.png"> {{ $nombreCorto }}</a>    
                </div>
            @endforeach
        @endif
                    
                </div>
        @if (isset($tema->comentarios))
            @foreach ($tema->comentarios as $comentario)
                <blockquote style="margin-bottom: 5px;
                @if ($comentario->visto == '0' && $comentario->usuarioreg != Auth::user()->usuarioId)
                 background: #f7dedc;
                @else
                 background: #fdfdfd;
                @endif
                ">
                    <div class="row clearfix">
                        <div class="col-sm-12" style="margin: 0px;">
                            <div class="media" style="margin-bottom: 0px;">
                                <div class="media-body">
                                    <div class="col-sm-12" style="padding-left: 0px; padding-right: 0px;">
                                        <div class="media-body" style="padding: 0px; margin: 0px;">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0px; margin: 0px;">
                                                <div class="font-15" style="color: #4caf50 !important; font-weight: bold;">     
                                                    <strong>{{ $comentario->remitente }}</strong>
                @if ($comentario->visto == '0' && $comentario->usuarioreg != Auth::user()->usuarioId)
                                                    &nbsp;&nbsp;<span class="label bg-fia"><strong>Nuevo</strong> </span>
                @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0px; margin: 0px;">
                                                <div class="menu-info font-12">
                                                    <i class="material-icons" style="font-size: 14px">access_time</i> {{ $comentario->fecha }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {!! $comentario->mensaje !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </blockquote>
            @endforeach
        @endif
                <hr class="style13">
    @endforeach
			</div>
@endif
		</div>
    </div>
</div>
<!-- #END# Horizontal Layout -->
@endsection