@extends('layouts.baseprolist')
@section('content')
@include('_derivacion.equipoderivacion.top')

<div class="main-card mb-3 card">

	<div class="card-header">
		<h3 class="mr-3">Listado de Equipos Derivaciones</h3>
		<button type="button" data-toggle="collapse" href="#filtro" class="btn-shadow mr-3 btn btn-secondary">
			<i class="fa fa-filter"></i>
		</button>
		<button type="button" data-toggle="collapse" href="#exportador" class="btn-shadow mr-3 btn btn-secondary">
			<i class="fa fa-download"></i>
		</button>
	</div>

	<div class="card-body">

		<div class="container collapse border rounded mb-5 pl-3 pr-3 pb-3" id="filtro">
			<form action="{{ url('filtrarEquiposDerivaciones') }}" method="POST">
				{{ csrf_field() }}
				<div class="form-row mt-3 ml-3">
					<div class="col-lg-4">
						<div class="form-group">
							<label><strong>Ingrese texto </strong></label>
							<input type="text" name="texto" id="texto" class="form-control" placeholder="Ingrese el texto de su búsqueda...">
						</div>
					</div>
				</div>

				<hr>

				<div class="row mt-2 ml-2 mr-2  rounded">

					<div class="form-group  col-6">
						<label><strong>Buscar Cliente Derivación</strong></label>
						<div class="form-group input-group">
							<input type="text" name="textoBuscarCliente" class="form-control col-10" placeholder="Ingrese email o nombre del cliente a buscar" id="textoBuscarCliente">
							<span class="input-group-btn">
								<button class="btn btn-primary ml-1" type="button" id="buscarClienteDerivacion"><i class="fa fa-search"></i></button>
							</span>
						</div>
					</div>


					<div class="form-group col-6">
						<label><strong>Cliente Derivación</strong></label>
						<div class="form-group input-group">
							<select name="cliente_derivacion_id" id="cliente_derivacion_id" class="form-control col-10">
								@foreach($clienteDerivacion as $key=>$cliente)
								<option value="{{($key)}}">{{$cliente}}</option>
								@endforeach
							</select>

							@if(Request::segment(2)=='create')
							<span class="input-group-btn">
								<a class="btn btn-success ml-1" href="/clientesDerivaciones/create" target="_blank" id="crearClienteDerivacion"><i class="fa fa-plus"></i></a>
							</span>
							@else
							@if (isset($equipoDerivaciones) && $equipoDerivaciones->cliente_derivacion_id)
							<input type="hidden" name="cliente_derivacion_nombre" id="cliente_derivacion_nombre" value="{{((isset($equipoDerivaciones) && $equipoDerivaciones->cliente_derivacion_id)? $equipoDerivaciones->ClienteDerivacion->nombre : null)}}">
							@endif
							<span class="input-group-btn">
								@if (isset($equipoDerivaciones) && $equipoDerivaciones->cliente_derivacion_id)
								<a class="btn btn-warning  ml-1" href="/clientesDerivaciones/{{$equipoDerivaciones->cliente_derivacion_id}}/edit" target="_blank" id="editarClienteDerivacion"><i class="fa fa-pencil"></i></a>
								@endif
							</span>
							<span class="input-group-btn">
								<a class="btn btn-success  ml-1" href="/clientesDerivaciones/create" target="_blank" id="crearClienteDerivacion"><i class="fa fa-plus"></i></a>
							</span>
							@endif
						</div>

					</div>


				</div>

				<hr>

				<!-- GRUPO -->

				<div class="row mt-2 ml-2 mr-2  rounded">


					<div class="form-group col-md-12   rounded">
						<label class="mt-2"><strong>Grupo de Equipos</strong></label>
						<select name="grupo_equipo_id" id="grupo_equipo_id" class="form-control multiselect-dropdown col-12">
							<option disabled selected>Seleccione Grupo de Equipos...</option>
							@foreach($gruposEquipos as $key=>$grupoEquipo)
							<option value="{{$key}}" {{($equipoDerivacion && $equipoDerivacion->grupo_equipo_id == $key ? 'selected' : null)}}> {{$grupoEquipo}}</option>
							@endforeach
						</select>
					</div>

				</div>

				<div class="row mt-2 ml-2 mr-2  rounded">

					<!-- MARCAS -->
					<div class="col-md-6 ">
						<label><strong>Marca</strong></label>
						<div class="input-group col-12">

							<select name="marca_id" id="marca_id" class="form-control multiselect-dropdown col-10 ">
								<option disabled selected>Seleccione Marca...</option>
								@foreach($marcas as $key=>$marca)
								<option value="{{$key}}" {{($equipoDerivacion && $equipoDerivacion->marca_id == $key ? 'selected' : null)}}> {{$marca}}</option>
								@endforeach
							</select>

							<span class="input-group-btn ml-1">
								<button class="btn btn-warning" type="button" id="refrescarMarcasGrupoEquipo"><i class="fa fa-refresh"></i></a>
							</span>

						</div>
					</div>

					<!-- MODELOS -->
					<div class="col-md-6 ">
						<label><strong>Modelo</strong></label>
						<div class="input-group col-12">
							<select name="modelo_id" id="modelo_id" class="form-control multiselect-dropdown col-10">
								<option disabled selected>Seleccione Modelo...</option>
								@foreach($modelos as $key=>$modelo)
								<option value="{{$key}}" {{($equipoDerivacion && $equipoDerivacion->modelo_id == $key ? 'selected' : null)}}> {{$modelo}}</option>
								@endforeach
							</select>

							<span class="input-group-btn ml-1">
								<button class="btn btn-warning" type="button" id="refrescarModelosMarcas"><i class="fa fa-refresh"></i></a>
							</span>
						</div>
					</div>

				</div>


				<div class="row mt-2 ml-2 mr-2  rounded">

					<!-- COLOR -->
					<div class="col-md-6 ">
						<label><strong>Color</strong></label>
						<div class="input-group col-12">
							<select name="color_id" id="color_id" class="form-control multiselect-dropdown col-10">
								<option disabled selected>Seleccione Color...</option>
								@foreach($colores as $key=>$color)
								<option value="{{$key}}" {{($equipoDerivacion && $equipoDerivacion->color_id == $key ? 'selected' : null)}}> {{$color}}</option>
								@endforeach
							</select>
							<span class="input-group-btn ml-1">
								<button class="btn btn-warning" type="button" id="refrescarColor"><i class="fa fa-refresh"></i></a>
							</span>
						</div>
					</div>

					<!-- OPERADOR -->
					<div class="col-md-6 mb-2 ">
						<label><strong>Operador</strong></label>
						<div class="input-group col-12">
							<select name="operador_id" id="operador_id" class="form-control multiselect-dropdown">
								<option disabled selected>Seleccione Operador Telefónico...</option>
								@foreach($operadores as $key=>$operador)
								<option value="{{$key}}" {{($equipoDerivacion && $equipoDerivacion->operador_id == $key ? 'selected' : null)}}> {{$operador}}</option>
								@endforeach
							</select>
						</div>
					</div>

				</div>

				<div class="row mt-2 ml-2 mr-2   rounded">

					<!-- IMEI -->
					<div class="col-md-6 mb-3">
						<label><strong>IMEI</strong></label>
						<div class="input-group col-12">
							<input type="text" name="imei" id="imei" value="{{($equipoDerivacion ? $equipoDerivacion->imei : null)}}" class="form-control" placeholder="Ingrese IMEI...">
						</div>
					</div>

				</div>

				<hr>

				<div class="form-row mt-3">

					<div class='form-group col-6'>
						<button type="submit" class="btn btn-primary btn-block pull-right">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 class="collapse border mb-5" id="exportador">
			<div class="form-group text-center">
				<a href="exports/listado_equipoderivacion.csv" class="btn btn-success  btn-pill mt-3">Descargar </a>
			</div>
		</div>

		<table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered ">
			<thead>
				<tr>
					<th>#</th>
					<th class="text-center">Grupo Equipo</th>
					<th>Tipo Equipo</th>
					<th>Marca</th>
					<th>Modelo</th>
					<th>Color</th>
					<th>Operador</th>
					<th class="text-center">Cliente</th>
					<th class="text-center">Acción</th>
				</tr>
			</thead>
			<tbody class="small">
				@foreach($equiposDerivaciones as $equipoDerivaciones)
				<tr>
					<td>
						<a href="{{ route('equiposDerivaciones.edit',$equipoDerivaciones->id) }} ">
							{{$equipoDerivaciones->id}}
						</a>
					</td>

					<td class="text-center"><strong>{{isset($equipoDerivaciones->grupo_equipo->nombre) ? $equipoDerivaciones->grupo_equipo->nombre : null}}</strong></td>
					<td>{{isset($equipoDerivaciones->tipo_equipo->nombre) ? $equipoDerivaciones->tipo_equipo->nombre : null}}</td>
					<td>{{isset($equipoDerivaciones->marca->nombre) ? $equipoDerivaciones->marca->nombre : null}}</td>
					<td>{{isset($equipoDerivaciones->modelo->nombre) ? $equipoDerivaciones->modelo->nombre : null }}</td>
					<td class="text-center">
						@if(isset($equipoDerivaciones->color->nombre))
						<span class="badge badge-pill text-center text-light" style="background-color:{{$equipoDerivaciones->color->codigo}}">{{$equipoDerivaciones->color->nombre}}</span>
						@endif
					</td>
					<td>{{isset($equipoDerivaciones->operador->nombre) ? $equipoDerivaciones->operador->nombre : null}}</td>
					<td class="text-center">
						@if(isset($equipoDerivaciones->ClienteDerivacion->nombre))
						<a href="{{ route('clientesDerivaciones.show',$equipoDerivaciones->cliente_derivacion_id) }} "><span class="badge badge-light">{{$equipoDerivaciones->ClienteDerivacion->nombre}}</span></a>
						@endif
					</td>
					<td class="text-center">
						<a href="{{ route('equiposDerivaciones.show',$equipoDerivaciones->id) }} " class="btn btn-outline-primary btn-sm"><i class="fa fa-eye fa-1x"></i> Ver</a>
						<form action="{{ route('equiposDerivaciones.destroy', $equipoDerivaciones->id) }}" method="POST" style="display:inline;" id="eliminar-derivacion-form">
							{{ method_field('DELETE') }}
							{{ csrf_field() }}

							<button type="submit" class="btn btn-outline-danger btn-sm"><i class="fa fa-times-circle fa-1x"></i> Eliminar</button>
						</form>
					</td>
				</tr>
				@endforeach
			</tbody>
			<tfoot>
				<tr>
					<th>#</th>
					<th>Grupo Equipo</th>
					<th>Tipo Equipo</th>
					<th>Marca</th>
					<th>Modelo</th>
					<th>Color</th>
					<th>Operador</th>
					<th>Cliente</th>
					<th class="text-center">Acción</th>
				</tr>
			</tfoot>
		</table>


		<!---- PAGINATE -->

		@if( Request::path() =='equiposDerivaciones' )
		@include('pagination.default-limit-links', ['paginator' => $equiposDerivaciones, 'filters' => ''])
		@else
		@include('pagination.default-limit-links', ['paginator' => $equiposDerivaciones, 'filters' => '&texto='. $texto. '&cliente_derivacion_id='. $cliente_derivacion_id.'&grupo_equipo_id='. $grupo_equipo_id. '&marca_id='. $marca_id. '&modelo_id='. $modelo_id])
		@endif

		<!----  -->


	</div>
</div>


@endsection

@section('scripts')
<script src="/assets/js/_derivacion/equiposderivaciones.js"></script>
@endsection