@extends('layouts.layout')

@section('breadcrumb')
	<li class="breadcrumb-item"><a href="">Records</a></li>
	<li class="breadcrumb-item active">Usuarios</li>
@endsection

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">{{ __('Historial de Usuarios') }}</div>

                <div class="card-body">						
					<div class="form-group row justify-content-center">
						<div class="col-md-11">
							<table class="table table-sm table-border" style="background:white">
								<thead>
									<tr>
										<td align="left" class="align-middle"><strong>Fecha</strong></td>
										<td align="center" class="align-middle"><strong>Usuario Modificador</strong></td>
										<td align="center" class="align-middle"><strong>Usuario Modificado</strong></td>
										<td align="left" class="align-middle"><strong>Tipo</strong></td>
										<td align="left" class="align-middle"><strong>Modificaciones</strong></td>
									</tr>
								</thead>
								@if( isset($logs[0]) )
									<tbody>
										@foreach( $logs as $log )
											<tr>
												<td align="left" style="vertical-align:middle">{{ $log->created_at }}</td>
												<td align="center" style="vertical-align:middle">
													@if( $log->userU1 != "" )
														{{ $log->userU1 }}
													@else
														{{ $log->emailU1 }}
													@endif
												</td>
												<td align="center" style="vertical-align:middle">
													@if( $log->userU2 != "" )
														{{ $log->userU2 }}
													@else
														{{ $log->emailU2 }}
													@endif
												</td>
												<td align="left" style="vertical-align:middle">{{ $log->type }}</td>
												<td align="justify" style="vertical-align:middle">{{ $log->modifications }}</td>
											</tr>
										@endforeach
									</tbody>
								@endif
							</table>
						</div>
					</div>
					<div class="form-group row justify-content-center">
						<div class="col-11">
							{!! $logs->render() !!}
						</div>
					</div>
                </div>
            </div>
        </div>
    </div>
</div>
	
	<script>
		
		$( document ).ready(function() {
			if(document.getElementsByClassName("pagination").lenght > 0)
				document.getElementsByClassName("pagination")[0].classList.add('justify-content-end');
		});
		
	</script>
	
@endsection