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

<meta name="csrf-token" content="{{ csrf_token() }}" />
@include('_derivacion.derivacion._top')



<div class="main-card mb-3 card">
	<div class="card-header">
		Editar Derivación
	</div>



	<div class="panel-body " id="referencia">

		<form method="POST" action="{{ route('derivacion.update', $derivacion->id) }}">
			<input name="_method" type="hidden" value="PUT">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<div class="container  rounded mt-3">
				<div class="row">
					<div class="col-12 card-header bg-primary text-light cursor-pointer" type="button" data-toggle="collapse" data-target="#collapseDatosDerivacion">Datos Derivación</div>
				</div>
				<div class="collapse show" id="collapseDatosDerivacion" aria-expanded="true">
					@include('_derivacion.derivacion.clienteDerivaciones')
					@include('_derivacion.derivacion.equipoDerivaciones')
					@include('_derivacion.derivacion.fallaDerivaciones')
				</div>
			</div>
			@include('_derivacion.derivacion.imagenesDerivaciones')
			@include('_derivacion.derivacion.estadosDerivaciones')
			<div class="row rounded mt-3">
				@include('_derivacion.derivacion.listados.fallas_preguntas_adicionales')
			</div>
			<!-- include('_derivacion.derivacion.propuestasDerivaciones') -->
			@include('_derivacion.derivacion.montoDerivaciones')
			@include('_derivacion.derivacion.cotizacionDerivaciones')
			@include('_derivacion.derivacion.mercadoPagoDerivaciones')
			@include('_derivacion.derivacion.motivosDerivaciones')
			@include('_derivacion.derivacion.whatsAppDerivaciones')
			@include('_derivacion.derivacion.comentariosDerivaciones')





			<div class="main-card card fixed-bottom-outer sin-padding row">
				<div class="card-body card-body-footer col-12">
					<button type="submit" class="btn btn-shadow btn-gradient-primary btn-pill mt-2 btn-footer" name="botonGuardar" value="1">Guardar</button>
					<button type="submit" class="btn btn-shadow btn-gradient-primary btn-pill mt-2 btn-footer" name="botonGuardarCerrar" value="1">Guardar y Cerrar</button>

		</form>
		@if ($ingresado)
		<a class="btn btn-shadow btn-gradient-success btn-pill mt-2 btn-footer" href="/conversorReparacion/{{ $derivacion->id }}">Ingresar</a>
		@endif

		<button type="button" class="btn btn-shadow btn-gradient-warning btn-pill mt-2 btn-footer" name="generarPreferenceMercadoPago" value="1" id="generarPreferenceMercadoPago">Generar Preferencia MP</button>

		<button type="button" class="btn btn-shadow btn-gradient-info btn-pill mt-2 btn-footer" name="consultarHistorialEstadoDerivacion" value="1" id="consultarHistorialEstadoDerivacion" data-toggle="modal" data-target="#modalHistorialEstadosDerivaciones">Historial</button>

		@if( Session::get('perfilAdmin') )
		<button type="submit" class="btn btn-shadow btn-gradient-danger btn-pill mt-2 btn-footer" id="botonEliminarDerivacion">Eliminar</button>
		@endif
	</div>
</div>

<div class="container px-4 pb-3 pt-3 mt-3 bg-light">
	<div class="alert alert-success hidden" id="mensaje-preferencia-mp-success"> Preferencia de Mercado Pago generada correctamente! </div>
	<div class="alert alert-danger hidden" id="mensaje-preferencia-mp-error"> </div>
</div>

<div class="row rounded mt-3">
	@include('_derivacion.derivacion._cardsTickets',['tickets'=>$derivacion->tickets])
</div>

@if( count($ordenesRetiroDomicilio) > 0 )
<div class="row rounded mt-3">
	@include('_derivacion.derivacion.listados.ordenes_retiro_domicilio')
</div>
@endif
@if( count($ordenesRetiroPoint) > 0 )
<div class="row rounded mt-3">
	@include('_derivacion.derivacion.listados.ordenes_retiro_point')
</div>
@endif
@if( count($turnos) > 0 )
<div class="row rounded mt-3">
	@include('_derivacion.derivacion.listados.turnos')
</div>
@endif
@if( $derivacion->pago_derivacion )
<div class="row rounded mt-3">
	@include('_derivacion.derivacion.listados.pagos_derivaciones')
</div>
@endif
@if( count($derivacion->fallas_preguntas_adicionales_derivaciones) > 0 )
<div class="row rounded mt-3">
	@include('_derivacion.derivacion.listados.fallas_preguntas_adicionales')
</div>
@endif
@if( Session::get('perfilAdmin') )
<!--Bloque mensaje eliminacion-->
<div class="text-center mt-2 border border-danger p-3 rounded d-none" id="divEliminarDerivacion">
	<div class="text-center mb-3">
		<h6>Atención! Se eliminarán los siguientes registros relacionados</h6>
		@if($derivacion->fallas)
		<span class="text-center small">
			Fallas:
			@foreach($derivacion->fallas as $falla)
			@if($falla)
			[{{$falla->id}}] {{$falla->nombre}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if($derivacion->fallas_preguntas_adicionales_derivaciones )
		<span class="text-center small">
			Fallas Preguntas Adicionales:
			@foreach($derivacion->fallas_preguntas_adicionales_derivaciones as $falla_pregunta_adicional_derivacion)
			@if($falla_pregunta_adicional_derivacion)
			[{{$falla_pregunta_adicional_derivacion->id}}] {{$falla_pregunta_adicional_derivacion->falla_grupo_equipo_id}} Pregunta Adicional {{$falla_pregunta_adicional_derivacion->pregunta_adicional_id}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->historial_estados_derivaciones )
		<span class="text-center small">
			Historial Estados:
			@foreach($derivacion->historial_estados_derivaciones as $historial_estado_derivacion)
			@if($historial_estado_derivacion)
			[{{$historial_estado_derivacion->id}}] {{ ($historial_estado_derivacion->estado?$historial_estado_derivacion->estado->nombre:'-')}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if($derivacion->oca_derivaciones )
		<span class="text-center small">
			Oca:
			@foreach($derivacion->oca_derivaciones as $oca_derivacion)
			@if($oca_derivacion)
			[{{$oca_derivacion->id}}] {{$oca_derivacion->oca_codigo_operacion}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->pago_derivaciones )
		<span class="text-center small">
			Pagos:
			@foreach($derivacion->pago_derivaciones as $pago_derivacion)
			@if($pago_derivacion)
			[{{$pago_derivacion->id}}] M.Pago Payment {{$pago_derivacion->mercado_pago_payment_id}} Monto ${{$pago_derivacion->monto}}|
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->imagenes )
		<span class="text-center small">
			Imagenes:
			@foreach($derivacion->imagenes as $imagen)
			@if($imagen)
			[{{$imagen->id}}] {{$imagen->archivo}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->presupuesto_derivaciones )
		<span class="text-center small">
			Presupuestos:
			@foreach($derivacion->presupuesto_derivaciones as $presupuesto_derivacion)
			@if($presupuesto_derivacion)
			[{{$presupuesto_derivacion->id}}] Monto Base {{$presupuesto_derivacion->monto_base}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->propuestas )
		<span class="text-center small">
			Propuestas:
			@foreach($derivacion->propuestas as $propuesta)
			@if($propuesta)
			[{{$propuesta->id}}] {{$propuesta->titulo}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->servicios_tecnicos_derivacion )
		<span class="text-center small">
			Servicios Tecnicos:
			@foreach($derivacion->servicios_tecnicos_derivacion as $servicio_tecnico_derivacion)
			@if($servicio_tecnico_derivacion)
			[{{$servicio_tecnico_derivacion->id}}] Orden Trabajo {{$servicio_tecnico_derivacion->orden_trabajo}} |
			@endif
			@endforeach
		</span><br>
		@endif
		@if( $derivacion->ordenes_retiro_domicilio )
		<span class="text-center small">
			Ordenes Retiro Domicilio:
			@foreach($derivacion->ordenes_retiro_domicilio as $orden_retiro_domicilio)
			@if($orden_retiro_domicilio)
			[{{$orden_retiro_domicilio->id}}] Equipo {{$orden_retiro_domicilio->equipo}} |
			@endif
			@endforeach
		</span><br>
		@endif

	</div>
	<span class="text-uppercase text-danger">Confirma la eliminación de esta derivación? </span>
	<br>
	<form action="{{ route('derivacion.destroy', $derivacion->id) }}" method="POST" style="display:inline;">
		{{ method_field('DELETE') }}
		{{ csrf_field() }}

		{!!Form::submit('SI', ['class'=>'btn btn-danger btn-pill mt-2', 'id'=>'botonEliminarReparacionSi' ] ) !!}
		{!!Form::button('NO', ['class'=>'btn btn-focus btn-pill mt-2', 'id'=>'botonEliminarDerivacionNo' ] ) !!}
	</form>
</div><!--FIN - Bloque mensaje eliminacion-->
@endif


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




@endsection
@section('scripts')

<script>
	$(document).ready(function() {
		function ajustarAncho() {
			var btnAnchoPadre = $(".fixed-bottom-outer").height();

			var footerDiv = $(".app-wrapper-footer:first");

			footerDiv.css("margin-top", btnAnchoPadre + "px");

		}

		ajustarAncho();

		$(window).resize(function() {
			ajustarAncho();
		});
	});
</script>



@endsection
@section('modals')
@include('_derivacion.historialestadoderivacion.modal')
@include('_derivacion.derivacion.modalImagen')
@include('tickets.modal-form-derivacion')
@endsection

@section('css')

<!-- DataTables CSS -->

<!-- DataTables Responsive CSS -->
{!!Html::style('vendor/datatables-responsive/dataTables.responsive.css')!!}

<style>
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        background-color: #3ac47d;
    }
.dtr-details {
    font-size: 110% !important;
}
@media (min-width: 767.98px) {
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        visibility: hidden;
    }
    .dtr-details {
        font-size: 80% !important;
    }
}

</style>

<style>
	.hidden {
		display: none !important;
		visibility: hidden !important;
	}

	#collapseEquipoDerivacion .select2-container,
	#collapseClienteDerivacion .select2-container {
		position: relative;
		flex: 1 1 auto;
		width: 1%;
		margin-bottom: 0.5rem;
		margin-right: 0.5rem;
	}

	.fixed-bottom-outer {
		margin-left: -30px;
		margin-right: -30px;
		margin-bottom: 30px;
		position: fixed;
		bottom: -30px !important;
		z-index: 10;
		box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgb(4 9 20), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03) !important;
	}



	.card-body-footer {
		padding-top: 0.2rem;
		padding-bottom: 0.7rem;
		padding-left: 40px;
	}

	
	@media (min-width: 767.98px) {
		.fixed-bottom-outer {
			margin-left: -40px;
			width: 100%;
		}
	}


	@media (min-width: 767.98px) {
		.btn-footer {
			width: 188.156px;
		}
	}

	@media (max-width: 767.98px) {
		.app-wrapper-footer {
			margin-top: 40px;
		}
	}
	
</style>
@endsection


{!!Html::script('/assets/js/tickets/tickets.js')!!}
<script src="/assets/js/_derivacion/derivaciones.js"></script>
<script src="/assets/js/_derivacion/derivaciones_select2.js"></script>
<script src="/assets/js/_derivacion/derivaciones-imagenes.js"></script>