@extends('layouts.principal')
@section('content')

@include('_derivacion.historialestadoderivacion.modal')

<div class="row">
	<div class="col-lg-12">

		<div class="panel panel-default">
			<div class="panel-heading">
				Listar Derivaciones Elockers

				@if( Session::get('perfilAdmin') )
				<a href="'/derivacion/create/" style="float:right;"><i class='fa fa-plus fa-fw'></i></a>
				@endif

				<a href="/derivacionesElocker/" class="pull-right"><i class='fa fa-list-ol fa-fw'></i></a>
				<a href="#" class="pull-right" data-toggle="collapse" data-target="#filtro" aria-expanded="false"><i class='fa fa-filter fa-fw'></i></a>
				<a href="#" class="pull-right" data-toggle="collapse" data-target="#opcion" aria-expanded="false"><i class='fa fa-download fa-fw'></i></a>
			</div>
			<!-- /.panel-heading -->

			<div id="filtro" class="panel-body collapse">
				<form method="POST"	action="filtrarDerivacionesElockers">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">

					<div class="form-group col-md-6">
						<label>Ingrese texto </label>
						<input type="text" class="form-control" placeholder="Ingrese el texto de su búsqueda">
					</div>

					<div class='form-group col-md-6'>
						<label>GrupoEquipo</label>
						<select class="form-control" id="id_grupo_equipos" name="id_grupo_equipos">
							<option value="" >Seleccione grupo equipo</option>
							@foreach($gruposEquipos as $value => $grupoEquipo)
							<option value="{{$value}}">{{$grupoEquipo}}</option>
							@endforeach
						</select>
					</div>

					<div class='form-group col-md-6'>
						<label>Marca</label>
						<select class="form-control" id="id_marca" name="id_marca">
							<option value="" >Seleccione marca</option>
							@foreach($marcas as $value => $marca)
							<option value="{{$value}}">{{$marca}}</option>
							@endforeach
						</select>
					</div>


					<div class='form-group col-md-6'>
					
						<label>Estado Derivación</label>
						<select class="form-control" id="id_estado_derivacion" name="id_estado_derivacion">
							<option value="" >Seleccione estado derivación</option>
							@foreach($estadosDerivaciones as $value => $estadoDerivacion)
							<option value="{{$value}}">{{$estadoDerivacion}}</option>
							@endforeach
						</select>
					</div>

					<div class='form-group col-md-6'>
						<label>Motivo de cancelación</label>
						<select class="form-control" id="motivo_cancelacion_derivacion_id" name="motivo_cancelacion_derivacion_id">
							<option value="" >Seleccione un motivo de cancelación</option>
							@foreach($motivosCancelacionDerivacion as $value => $motivoCancelacionDerivacion)
							<option value="{{$value}}">{{$motivoCancelacionDerivacion}}</option>
							@endforeach
						</select>
					</div>

					<div class="col-md-12">
						<div class="form-group col-md-6">
							<button type="submit" class="btn btn-primary btn-block pull-right" name="boton" value="filtrar">Filtrar</button>
						</div>
						<div class="form-group col-md-6">
							<button type="submit" class="btn btn-success btn-block pull-right" name="boton" value="csv">Filtrar y Generar CSV</button>
						</div>
					</div>
				</form>
			</div>

			<div id="opcion" class="panel-body collapse">
				<div class="text-center">
					<div class="text-center">
						<a href="exports/listado_derivacion{{ Session::get('idUser') }}.csv" class="btn btn-primary">Descargar </a>
					</div>
				</div>
			</div>

			<div class="panel-body">
				<div>
					<table class="table table-striped small" id="tabla">
						<thead>
							<tr>
								<th>#</th>

								<th>Cliente</th>
								<th>Equipo</th>
							
								<th>Estado</th>


								<th>Sucursal</th>


								<th>Reparación </th>

								<th>Elocker</th>

								<th>Fecha Registración</th>

								<th>Operaciones</th>
							</tr>
						</thead>
						<tbody>
							@foreach($derivaciones as $derivacion)
							<tr>
								<td>{{$derivacion->id}}</td>

								<td>
									@if($derivacion->cliente_derivacion)
									{{$derivacion->cliente_derivacion->nombre}} <br>
									{{$derivacion->cliente_derivacion->email}} <br>
									{{$derivacion->cliente_derivacion->telefono}} <a href="https://api.whatsapp.com/send?phone={{ $derivacion->cliente_derivacion->telefono }}&text=Hola" class='btn btn-success btn-xs'><i class="fa fa-whatsapp"></i></a>
									@endif
								</td>
								<td>
									@if($derivacion->grupo_equipos)
									{{$derivacion->grupo_equipos->nombre}}
									@endif
									<br>
									@if($derivacion->marca)
									{{$derivacion->marca->nombre}}
									@endif
								</td>
								
								<td>
									@if($derivacion->estado)
									{{$derivacion->estado->nombre}}
									@if($derivacion->estado->tipo_estado == 20 && $derivacion->motivoCancelacionDerivacion)
									<br>{{$derivacion->motivoCancelacionDerivacion->nombre}}
									@endif
									@endif
								</td>


								<td>
									@if($derivacion->sucursal)
									{{$derivacion->sucursal->nombre}}
									@endif
								</td>


								<td>
									@if( $derivacion->id_reparacion)
									<a href="{{ url('reparacion/' . $derivacion->id_reparacion . '/edit') }}">{{ $derivacion->id_reparacion }}</a>
									@else
									{{ $derivacion->id_reparacion }}
									@endif
								</td>

								<td>
								@if($derivacion->elocker_etiqueta)
								{{ $derivacion->elocker_etiqueta->nombre }}
								<br>
								{{ $derivacion->elocker_etiqueta->clave_generada }}
								<br>
								<a href="{{ $derivacion->elocker_etiqueta->url }}" target="_blank">etiqueta</a>
								@endif
								</td>

								<td>{{$derivacion->created_at}}</td>

								<td>


								<button class="btn btn-info btn-xs" name="consultarHistorialEstadoDerivacion" data-toggle="modal" data-target="#modalHistorialEstadosDerivaciones" value="{{ $derivacion->id }}">Historial</button>

									<a href="/derivacion/{{ $derivacion->id }}" class="btn btn-warning btn-xs">Ver</a>

									@if(  (Session::get('perfilAdmin')) || (Session::get('perfilServicioAutorizado')) || (Session::get(' perfilRecepcionista')) || ( Session::get(' perfilAnalista')) )
									<a href="/derivacion/{{ $derivacion->id }}/edit" class="btn btn-primary btn-xs">Editar</a>
									@endif

									@if(  (Session::get('perfilAdmin')) || (Session::get('perfilServicioAutorizado')) || (Session::get(' perfilRecepcionista')) || ( Session::get(' perfilAnalista')) )
									@if( $derivacion->estado && $derivacion->estado->tipo_estado == 10 && !$derivacion->id_reparacion )
									<a href="/conversorReparacion/{{ $derivacion->id }}" class="btn btn-success btn-xs">Ingresar</a>
									@endif
									@endif

								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				<!-- /.table-responsive -->

				@if( Request::path() =='derivacionesElocker' )
				{!! $derivaciones->render()!!}
				@else
				@if( $derivaciones->lastPage() > 1 )
				<ul class="pagination">
					@if( empty($derivaciones->previousPageUrl()) )
					<li class="disabled"><span>«</span></li>
					@else
					<li><a href="{!! $derivaciones->previousPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca={!! $id_marca !!}&id_servicio={!! $id_servicio !!}&id_estado_derivacion={!! $id_estado_derivacion !!}" rel="prev">«</a></li>
					<li><a href="{!! $derivaciones->previousPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca={!! $id_marca !!}&id_servicio={!! $id_servicio !!}&id_estado_derivacion={!! $id_estado_derivacion !!}" rel="prev">{!! $derivaciones->currentPage()-1 !!}</a></li>
					@endif

					<li class="active"><span>{!! $derivaciones->currentPage() !!}</span></li>

					@if( empty($derivaciones->nextPageUrl()) )
					<li class="disabled"><span>»</span></li>
					@else
					<li><a href="{!! $derivaciones->nextPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca={!! $id_marca !!}&id_servicio={!! $id_servicio !!}&id_estado_derivacion={!! $id_estado_derivacion !!}" rel="next">{!! ($derivaciones->currentPage()+1) !!}</a></li>
					<li><a href="{!! $derivaciones->nextPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca={!! $id_marca !!}&id_servicio={!! $id_servicio !!}&id_estado_derivacion={!! $id_estado_derivacion !!}" rel="next">»</a></li>
					@endif
				</ul>

				@endif
				@endif

			</div>
			<!-- /.panel-body -->
		</div>
		<!-- /.panel -->

	</div>
	<!-- /.col-lg-12 -->
</div>
<!-- /.row -->

@endsection

@section('css')
<!-- DataTables CSS -->
<link rel="stylesheet" href="vendor/datatables-plugins/dataTables.bootstrap.css">


<!-- DataTables Responsive CSS -->
<link rel="stylesheet" href="vendor/datatables-responsive/dataTables.responsive.css">
@endsection

@section('scripts')
<script src="js/sitio-web-derivaciones-historial-estados-derivaciones.js"></script>


<!-- DataTables JavaScript -->
<script src="vendor/datatables/js/jquery.dataTables.min.js"></script>
<script src="vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="vendor/datatables-responsive/dataTables.responsive.js"></script>

<script>
	$(document).ready(function() {

		$('#tabla').DataTable({
			paging: false,
			responsive: true,
			lengthMenu: [100],
			language: {
				"url": "/js/Spanish.json"
			},
			order: [
				[0, "desc"]
			]
		});

	});
</script>

@endsection