@extends('layouts.baseprolist')

@section('content')


@include('_derivacion.cotizarderivacion.top')

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

	<div class="card-header">
		<h3 class="mr-3">Listado Derivaciones: Esperando Informacion</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="collapse border mb-5 pl-3 pr-3 pb-3" id="filtro">
			<form method="POST" action="filtrarDerivacionesEsperandoInformacion" accept-charset="UTF-8">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<div class="form-row mt-3">
				<div class="form-group  col-lg-6 col-md-6">
					<label>Fecha desde</label>
					<div class="input-group">
						<div class="input-group-prepend datepicker-trigger">
							<div class="input-group-text">
								<i class="fa fa-calendar-alt"></i>
							</div>
						</div>

						<input type="text" name="fecha_desde" value="{{ $fecha_desde }}" class="form-control" data-toggle="datepicker" id="fecha_desde" autocomplete="off">
					</div>
				</div>
				<div class="form-group col-lg-6 col-md-6">
					<label>Fecha hasta</label>
					<div class="input-group">
						<div class="input-group-prepend datepicker-trigger">
							<div class="input-group-text">
								<i class="fa fa-calendar-alt"></i>
							</div>
						</div>

						<input type="text" name="fecha_hasta" value="{{ $fecha_hasta }}" class="form-control" data-toggle="datepicker" id="fecha_hasta" autocomplete="off">
					</div>
				</div>				
			</div>

			<div class="form-row mt-3">
					<div class=' col-lg-6'>
						<div class='form-group'>
							<button type="submit" class="btn btn-primary btn-block btn-pill pull-right" name="boton" value="filtrar">Filtrar</button>
						</div>
					</div>
					<div class=' col-lg-6'>
						<div class='form-group'>
							<button type="submit" class="btn btn-success btn-block btn-pill pull-right" name="boton" value="csv">Filtrar y Generar CSV</button>
						</div>
					</div>
				</div>

			</form>
		</div>

		<!--div class="collapse border mb-5" id="exportador">
			<div class="form-group text-center">
				<a href="exports/reporte_derivacion{{ Session::get('idUser') }}.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>Cliente</th>
					<th>Equipo/Marca</th>
					<th>Origen</th>
					<th>Estado Cotizacion</th>
					<th>Usuario Cotizador</th>
					<th>Fecha a Cotizar</th>
					<th>Operaciones</th>

				</tr>
			</thead>
			<tbody class="small">
				@foreach($derivaciones as $derivacion)
				<tr>
					<td>{{$derivacion->id}}</td>

					<td>
						@if($derivacion->cliente_derivacion)
							{{$derivacion->cliente_derivacion->nombre}} <br>
							{{$derivacion->cliente_derivacion->dni}} <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->modelo)
							{{$derivacion->equipo_derivacion->modelo->nombre}}
						@endif
					</td>
					<td>
						@if($derivacion->origen == 1)
						FixUP
						@elseif ($derivacion->origen == 2)
						Ventas
						@elseif ($derivacion->origen == 3)
						Point
						@endif
					</td>
					<td>
						@if($derivacion->estadosCotizacionDerivacion)
						{{$derivacion->estadosCotizacionDerivacion->nombre}}
						@endif
					</td>
					<td>
						@if($derivacion->cotizador)
						{{$derivacion->cotizador->name}}
						@endif
					</td>
					<td>{{$derivacion->fecha_a_cotizar}}</td>
					<td>
						
						@if( Session::get('perfilAdmin') || $idPerfil == 21 || $idPerfil == 3 || $idPerfil == 4 )
						<a href="{{ route('cotizarderivacion.detalleDerivacionACotizar', $derivacion->id)}}" class="btn btn-success btn-xs">Cotizar</a>
							<button class="btn btn-info btn-xs" name="consultarHistorialEstadoDerivacion" data-toggle="modal" data-target="#modalHistorialEstadosDerivaciones" value='{{$derivacion->id}}' type="button">Historial</button>
							<a href="{{ route('cotizarderivacion.show', $derivacion->id) }}" class="btn btn-warning btn-xs">Ver</a>
							<a href="{{ route('cotizarderivacion.edit', $derivacion->id) }}" class="btn btn-primary btn-xs">Editar</a>
						@endif

					</td>
				</tr>
				@endforeach
			</tbody>
			<tfoot>
				<tr>

					<th>#</th>
					<th>Cliente</th>
					<th>Equipo/Marca</th>
					<th>Origen</th>
					<th>Estado Cotizacion</th>
					<th>Usuario Cotizador</th>
					<th>Fecha a Cotizar</th>
					<th>Operaciones</th>

				</tr>
			</tfoot>
		</table>

		<!---- PAGINATE -->

		@if( Request::path() =='cotizarDerivaciones' )
		@include('pagination.default-limit-links', ['paginator' => $derivaciones, 'filters' => ''])
		@else
		@include('pagination.default-limit-links', ['paginator' => $derivaciones, 'filters' => '&fecha_desde='.$fecha_desde.'&fecha_hasta='.$fecha_hasta ])
		@endif

		<!----  -->

	</div>
</div>

@endsection

@section('modals')
@include('_derivacion.historialestadoderivacion.modal')
@endsection

@section('scripts')

	<script src="js/sitio-web-derivaciones-historial-estados-derivaciones.js"></script>

@endsection