@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>Archivar</strong>
                    </h2>
                    <label>Muestran todos los temas archivados de las sesiones realizadas.</label>
                </div>
				<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="bg-fia btn-circle {{ $tema->color }}" style="text-align: center;">
                <label style="margin-top: 10px;font-size: 18px">{{ $tema->orden }}</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>{{ $tema->abreviaturaFormalidad }} {{ $nombre[0] }} {{ $tema->apellidoPaterno }}</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">Mod. {{ date('d/m/Y H:i', strtotime($tema->fechamod)) }}</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"><strong>{{ $tema->nombreSesion.' '.$tema->correlativo.' ['.$tema->nombreAgenda.']' }}</strong></div>
                </div>
            </div>
        </div>
    </div>     
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2" style="margin: 0">            
        <a href="javascript:void(0)" style="color:#333" class="eliminar-tema" data-id-archivar="{{ $tema->temaId }}" title="Eliminar"><i class="material-icons" style="font-size:35px;">delete_forever</i></a>
    </div>
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 comentario-tema-reg" style="margin: 0">
            </div>
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin: 0">         
        <!-- @if($tema->numeroArchivo > 0)
            @foreach($tema->archivos as $archivo)
                <div style="float:left;color:#337ab7;margin-top: 0px">
                    <i class="material-icons">attach_file</i>
                    <a href="{{ url('/tema/descargar').'/'.$archivo->nombreSistema }}" target="_blank" style="font-size: 15px">{{ $archivo->nombreOriginal }}</a>
                </div>
            @endforeach
        @endif -->
        @if($tema->numeroArchivo > 0)
            @foreach($tema->archivos as $archivo)
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <a href="{{ url('/tema/descargar').'/'.$archivo->nombreSistema }}" class="temaArchivoLink" target="_blank" title="{{ $archivo->nombreOriginal }}"><img src="{{ url('/') }}/img/icono/{{$archivo->extension}}.png"> {{ $nombreCorto }}</a>        
            </div>
            @endforeach
        @endif
    </div>
</div>
<hr class="style13">
@endforeach
				</div>				
			</div>
        </div>
    </div>
    <!-- #END# Horizontal Layout -->
@endsection