@extends('layouts.layout_road_assistance')

@section('breadcrumb')
	<li class="breadcrumb-item"><a href="">Auxilios</a></li>
	<li class="breadcrumb-item"><a href="{{route('registerRoadAssistances')}}">Auxilios Viales</a></li>
	<li class="breadcrumb-item active">Visualizacion</li>
@endsection

@section('content_right')
	<div class="card">
		<div class="card-header">
			<div class="row">
				<div class="col-md-6 align-middle">
					{{ __('Visualización de Auxilios Viales') }}
				</div>
				<div class="col-md-6" align="right">
					<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#modalExport"
					style="padding: 0.1em 0.4em" onclick="openExport()">
						<i class="fas fa-download fa-lg"></i>
					</button>
				</div>
			</div>
		</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;margin-right: 10em">
						<thead>
							<tr>
								<td align="left" class="align-middle"><strong>Folio</strong></td>
								<td align="left" class="align-middle"><strong>Fecha</strong></td>
								<td align="left" class="align-middle"><strong>Hora</strong></td>
								<td align="left" class="align-middle"><strong>Status</strong></td>
								<td align="left" class="align-middle"><strong>Folio Reparacion</strong></td>
								<td align="left" class="align-middle"><strong>Unidad Operativa</strong></td>
								<td align="left" class="align-middle"><strong>Unidad</strong></td>
								<td align="left" class="align-middle"><strong>GPS</strong></td>
								<td align="left" style="width:12em"><strong></strong></td>
							</tr>
						</thead>
						@if( isset($roadAssistances[0]) )
							<tbody>
								@foreach( $roadAssistances as $assistance )
									<tr>
										<td align="left" style="vertical-align:middle">{{ $assistance->folio }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->date }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->time }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->status }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->repair_folio }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->nameOpUnit }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->nameUnit }}</td>
										<td align="left" style="vertical-align:middle">{{ $assistance->imei . " - " . $assistance->nameGps }}</td>
										<td align="right" style="vertical-align:middle">
											<a href="{{url('viewInfoRoadAssistances',$assistance->id)}}" class="btn btn-info" 
											target="_blank">
											<i class="fas fa-info fa-lg"></i><i class="fas fa-plus fa-xs"></i></a>
											<a href="{{url('updateRoadAssistances',$assistance->id)}}" class="btn btn-info active">
											<i class="fas fa-edit fa-lg"></i></a>
											<a href="{{url('deleteRoadAssistances',$assistance->id)}}" class="btn btn-danger">
											<i class="fas fa-times fa-lg"></i></a>
										</td>
										<td align="left" style="vertical-align:middle"></td>
									</tr>
								@endforeach
							</tbody>
						@endif
					</table>
				</div>
			</div>
			<div class="form-group row justify-content-center">
				<div class="col-11">
					{!! $roadAssistances->render() !!}
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal fade text-xs-left" id="modalExport" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="myModalLabel19">EXPORTACION DE AUXILIOS VILES</h5>
				</div>
				{!! Form::open( [ 'route' => 'exportRoadAssistances', 'method' => 'POST', 'files' => true] ) !!}
				@csrf
				<div class="modal-body">	
					<h5>Usuario: {{{ isset(Auth::user()->user) ? Auth::user()->user : Auth::user()->email }}}</h5>
					<h5>{!! Form::label( 'passwordUser', "Contraseña", ['class' => 'col-form-label'] ) !!}</h5>
					<input id="passwordUserExport" type="password" class="form-control" name="passwordUser" required>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Cancelar</button>
					<button type="submit" class="btn btn-outline-warning" onclick="closeExport()">Exportar</button>
				</div>
				{!! Form::close() !!}
			</div>
		</div>
	</div>
	
	<script>
		
		$( document ).ready(function() {
			if(document.getElementsByClassName("pagination").lenght > 0)
				document.getElementsByClassName("pagination")[0].classList.add('justify-content-end');
		});
		
		
		function closeExport() {
			$('#modalExport').modal('hide');
		}
		
		function openExport() {
			document.getElementById('passwordUserExport').value = '';
		}
		
		
	</script>
@endsection