@extends('layouts.layout_postal_code_log')

@section('breadcrumb')
	<li class="breadcrumb-item"><a href="">Records</a></li>
	<li class="breadcrumb-item"><a href="{{route('viewPostalCodeLogs')}}">Codigos Postales</a></li>
	<li class="breadcrumb-item active">Estados</li>
@endsection

@section('content_right')
	<div class="card">
		<div class="card-header">{{ __('Historial de Estados') }}</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>Estado</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->user != "" )
												{{ $log->user }}
											@else
												{{ $log->email }}
											@endif
										</td>
										<td align="center" style="vertical-align:middle">{{ $log->state }}</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>
	
	<script>
		
		$( document ).ready(function() {
			if(document.getElementsByClassName("pagination").lenght > 0)
				document.getElementsByClassName("pagination")[0].classList.add('justify-content-end');
		});
		
	</script>
	
        
@endsection