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

@include('_derivacion.derivacion._top')






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


	<div class="card-header">
		<h3 class="mr-3">Listado de 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="#opcion" class="btn-shadow mr-3 btn btn-secondary">
			<i class="fa fa-download"></i>
		</button>
	</div>

	<div class="card-body">
		<div id="filtro" class="collapse border mb-5 pl-3 pr-3 pb-3 pt-3 bg-light">
			<form action="{{ url('filtrarDerivacion') }}" method="POST">
				{{ csrf_field() }}


				<div class="row">
				<div class="form-group col-md-6">
						<label>Ingrese id Derivación </label>
						<input type="text" name="id_derivacion" id="id_derivacion" class="form-control" placeholder="Ingrese el id" value="{{(isset($id_derivacion)?$id_derivacion:'') }}">
					</div>

					<div class="form-group col-md-6">
						<label>Ingrese texto </label>
						<input type="text" name="texto" id="texto" class="form-control" placeholder="Ingrese el texto de su búsqueda..." value="{{(isset($texto)?$texto:'') }}">
					</div>

					<div class='form-group col-md-6'>
						<label>GrupoEquipo</label>
						<select name="id_grupo_equipos" id="id_grupo_equipos" class="form-control multiselect-dropdown col-10">
							<option disabled selected>Seleccione Grupo de Equipos...</option>
							@foreach($gruposEquipos as $key=>$value)
							<option value="{{$key}}" {{(isset($id_grupo_equipos) && $id_grupo_equipos == $key ? 'selected' : null)}}> {{$value}}</option>
							@endforeach
						</select>
					</div>

					<div class='form-group col-md-6'>
						<label>Marca</label>
						<select name="id_marca" id="id_marca" class="form-control multiselect-dropdown col-10">
							<option disabled selected>Seleccione...</option>
							@foreach($marcas as $key=>$value)
							<option value="{{$key}}" {{(isset($id_marca) && $id_marca == $key ? 'selected' : null)}}> {{$value}}</option>
							@endforeach
						</select>
					</div>

				</div>


				<div class="row">

					<div class='form-group col-md-12'>
						<label>Servicio</label>
						<select name="id_servicio" id="id_servicio" class="form-control multiselect-dropdown col-10">
							<option disabled selected>Seleccione...</option>
							@foreach($servicios as $key=>$value)
							<option value="{{$key}}" {{(isset($id_servicio) && $id_servicio == $key ? 'selected' : null)}}> {{$value}}</option>
							@endforeach
						</select>
					</div>

				</div>

				<div class="row ">
					<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>

				<div class="row ">
					<div class="form-group col-md-4">
						<label>Ingrese fecha </label>
						<input type="date" name="fecha" id="fecha" class="form-control" placeholder="Ingrese fecha de su búsqueda " value="{{(isset($fecha)?$fecha:'') }}">

					</div>

					<div class="form-group col-md-4">
						<label>Ingrese fecha desde</label>
						<input type="date" name="fecha_desde" id="fecha_desde" class="form-control" placeholder="Ingrese fecha_desde de su búsqueda " value="{{(isset($fecha_desde)?$fecha_desde:'') }}">

					</div>

					<div class="form-group col-md-4">
						<label>Ingrese fecha hasta</label>
						<input type="date" name="fecha_hasta" id="fecha_hasta" class="form-control" placeholder="Ingrese fecha_hasta de su búsqueda " value="{{(isset($fecha_hasta)?$fecha_hasta:'') }}">

					</div>
				</div>

				<div class="row ">

					<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>
			</form>
		</div>
	</div>




	<div id="opcion" class="collapse border mb-5">
		<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="table-responsive">
		<table class="table table-hover table-striped table-bordered small w-100" id="tabla">
			<thead>
				<tr>
					<th>#</th>
					<th>Cliente</th>
					<th>Equipo</th>
					<th>Servicio</th>
					<th>Estado</th>
					<th>Sucursal</th>
					<th>Reparación Asociada</th>

					<th>Fecha Registración</th>
					<th>Operaciones</th>
				</tr>
			</thead>
			<tbody>
				@if($derivaciones)
				@foreach($derivaciones as $derivacion)
				<tr>
					<td><a href="{{ route('derivacion.edit',$derivacion->id) }}">{{$derivacion->id}}</a></td>
					<td>
						@if($derivacion->cliente_derivacion)
						{{$derivacion->cliente_derivacion->nombre}} <br>
						{{$derivacion->cliente_derivacion->tiene_email ? $derivacion->cliente_derivacion->email : 'No registrado'}} <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->equipo_derivacion->grupo_equipo)
						{{$derivacion->equipo_derivacion->grupo_equipo->nombre}}
						@endif
						<br>
						@if($derivacion->equipo_derivacion->marca)
						{{$derivacion->equipo_derivacion->marca->nombre}}
						@endif
						<br>
						@if($derivacion->equipo_derivacion->id)
						<a href="{{'equiposDerivaciones/'.$derivacion->equipo_derivacion->id}}">[{{$derivacion->equipo_derivacion->id}}]</a>
						@endif
					</td>
					<td>
						@if($derivacion->servicio)
						{{$derivacion->servicio->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="reparacion/{{ $derivacion->id_reparacion }}/edit">{{ $derivacion->id_reparacion }}</a>
						@else
						{{ $derivacion->id_reparacion }}
						@endif
					</td>



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

					<td class="text-center">
						<div class="btn-actions-pane-right actions-icon-btn">
						<div class="grupo_actions btn-group dropdown">
							<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn-icon btn-icon-only btn btn-link"><i class="pe-7s-menu btn-icon-wrapper"></i></button>
							<div tabindex="-1" role="menu" aria-hidden="true" class="grupo_actions_inner dropdown-menu-right rm-pointers dropdown-menu-shadow dropdown-menu-hover-link dropdown-menu" style="position: flex; will-change: transform; top: 0px; left: 0px; transform: translate3d(28px, 36px, 0px);" x-placement="bottom-end">
							<div class="container">
								<div class="row">
									<a name='crearTicket' data-toggle='modal' data-target='#modalCrearTicket' data-derivacion-id="{{ $derivacion->id }}" data-cliente-id="{{ $derivacion->cliente_derivacion_id }}" data-user-id="{{$derivacion->user_id}}"  data-logged-user-id="{{Session::get('idUser')}}" value="{{$derivacion->id}}" target="_self" type="button" tabindex="0" class="dropdown-item aprobar_index_btn btn-find-ticket1"><i class="dropdown-icon pe-7s-ticket"> </i><span>Crear Ticket</span></a>
								</div>
								@if(count($derivacion->tickets)>0)
								<div class="row">
									<a name='verTickets' data-toggle='modal' data-target='#modalCrearTicket' data-derivacion-id="{{ $derivacion->id }}" data-cliente-id="{{ $derivacion->cliente_derivacion_id }}" data-user-id="{{$derivacion->user_id}}"  data-logged-user-id="{{Session::get('idUser')}}" value="{{$derivacion->id}}" target="_self" type="button" tabindex="0" class="dropdown-item aprobar_index_btn btn-find-ticket2"><i class="dropdown-icon pe-7s-ticket"> </i><span>Ver Tickets Asociados</span></a>
								</div>
								@endif
								<div class="row">
									<a href="{{ route('derivacion.edit',$derivacion->id) }}" class="dropdown-item aprobar_index_btn"><i class="dropdown-icon pe-7s-look"> </i><span>Ver</span></a>
								</div>
								<div class="row">
									<a href="{{ route('derivacion.edit',$derivacion->id) }}" class="dropdown-item aprobar_index_btn"><i class="dropdown-icon pe-7s-edit"> </i><span>Editar</span></a>
								</div>
								<div class="row">
									@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 value="{{$derivacion->id}}" href="{{url('/conversorReparacion/'.$derivacion->id)}}" type="button" tabindex="0" class="dropdown-item aprobar_index_btn"><i class="dropdown-icon pe-7s-check"> </i><span>Ingresar</span></a>
									@endif
									@endif
								</div>
							</div>
							</div>
						</div>
						</div>
					</td>
				</tr>
				@endforeach
				@endif
			</tbody>
		</table>

	</div>

	<!---- PAGINATE -->

	@if( Request::path() =='derivacion' )
	@include('pagination.default-limit-links', ['paginator' => $derivaciones, 'filters' => ''])
	@else
	@include('pagination.default-limit-links', ['paginator' => $derivaciones, 'filters' => '&texto='. $texto.'&id_grupo_equipos='. $id_grupo_equipos.'&id_marca='. $id_marca.'&id_servicio='. $id_servicio.'&id_estado_derivacion='. $id_estado_derivacion.'&fecha='. $fecha.'&fecha_desde='. $fecha_desde.'&fecha_hasta='. $fecha_hasta ])
	@endif

	<!----  -->


</div>

@endsection

@section('css')
@endsection

@section('scripts')
<script src="/assets/js/tickets/tickets.js"></script>
<script src="/assets/js/tickets/buscar.js"></script>
<script src="js/sitio-web-derivaciones-historial-estados-derivaciones.js"></script>
<script>
	$(document).ready(function() {

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

	});
</script>
	
@endsection
@section('modals')
	@include('_derivacion.historialestadoderivacion.modal')
	@include('tickets.modal-form-derivacion')
@endsection