@extends('layouts.baseprocrud')



@section('content')
@include('_reparacion.reparacion._top')


<div class="main-card mb-3 card">
	<div class="card-header">
		<h3 class="mr-3">Modificar Reparación</h3>
	</div>
</div>

{!!Form::model($reparacion, ['route'=>['reparacion.update', $reparacion->id], 'method'=>'PUT', 'files'=>true, 'id'=>((Session::get('perfilFixup'))?'reparacionesFixupForm':'reparacionesForm') ]) !!}

@include('_reparacion.reparacion._campos')

@include('_reparacion.reparacion._campos_detalle')



@include('_reparacion.reparacion._camposEdit')

@include('_reparacion.reparacion._camposFirmas')

@include('_reparacion.reparacion._comentarios')

<div class="main-card card fixed-bottom-outer sin-padding">
	<div class="card-body card-body-footer">
		<input type="hidden" value="{{ $reparacion->id_estado }}" name="id_estado">
		<button type="submit" class="btn btn-shadow btn-gradient-primary btn-pill mt-2 btn-footer"  value="{{ $reparacion->id_estado }}" id="button-reparaciones">Guardar</button>

		<div class="dropdown d-inline-block">
			<button  type="button" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" class="dropdown-toggle btn btn-shadow btn-gradient-primary btn-pill mt-2" name="botonGuardarEstado" value="1" id="button-cambiar">Guardar y Cambiar Estado</button>
			<div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu-rounded dropdown-menu">
				@foreach($estados as $idEstado => $nombreEstado)
				<button type="submit" tabindex="0" class="dropdown-item" name="id_estado" value="{{ $idEstado }}">Nuevo Estado: {{ $nombreEstado }}</button>
				@endforeach
			</div>
		</div>

		{!!Form::hidden('idUser', Auth::user()->id, ['id' => 'idUser'])!!}

		{!!Form::close()!!}

		<button class="btn btn-shadow btn-gradient-info btn-pill mt-2 btn-footer" name="botonConsultarHistorialEstado" data-toggle="modal" data-target="#modalHistorialEstados" value="{{$reparacion->id}}" type="button">Historial</button>
		<button class="btn btn-shadow btn-gradient-info btn-pill mt-2 btn-footer" name="agregarNota" data-toggle="modal" data-target="#modalAgregarNota" value="{{$reparacion->id}}" type="button">Agregar nota</button>
		
		@if( Session::get('perfilAdmin'))
		<button class="btn btn-shadow btn-gradient-danger btn-pill mt-2 btn-footer" id="botonEliminarReparacion" type="button">Eliminar</button>
		<div class="text-center mt-2 d-none" id="divEliminarReparacion">
			<span class="text-uppercase text-danger">Confirma la eliminación de esta reparación? </span>
			<br>
			{!!Form::open(['route'=>['reparacion.destroy', $reparacion->id], 'method'=>'DELETE', 'style'=>'display:inline;' ]) !!}
			{!!Form::submit('SI', ['class'=>'btn btn-danger btn-pill mt-2', 'id'=>'botonEliminarReparacionSi' ] ) !!}
			{!!Form::close()!!}
			{!!Form::button('NO', ['class'=>'btn btn-focus btn-pill mt-2', 'id'=>'botonEliminarReparacionNo' ] ) !!}
		</div>
		@endif

		<br>

		<button type="button" class="btn btn-shadow btn-gradient-secondary btn-pill mt-2 btn-footer" id="visualizarComprobanteIngreso" data-toggle='modal' data-target='#modalTemplatesComprobantes'>Comp. Ingreso</button>
		<button type="button" class="btn btn-shadow btn-gradient-secondary btn-pill mt-2 btn-footer" id="visualizarComprobanteSalida" data-toggle='modal' data-target='#modalTemplatesComprobantes'>Comp. Salida</button>

		<button class="btn btn-shadow btn-gradient-secondary btn-pill mt-2 btn-footer" name="botonEnviarComprobanteIngreso" id="botonEnviarComprobanteIngreso" value="{{$reparacion->id}}" type="button">Enviar Comp. Ingreso</button>
		<button class="btn btn-shadow btn-gradient-secondary btn-pill mt-2 btn-footer" name="botonEnviarComprobanteSalida" id="botonEnviarComprobanteSalida" value="{{$reparacion->id}}" type="button">Enviar Comp. Salida</button>


		@if( !Session::get('perfilFixup'))
			@if( $reparacion->estado && $reparacion->estado->tipo_estado < 52 ) 
				<a href="{{'/reparacionEstadoEntregar/'.$reparacion->id.'/edit'}}" class="btn btn-shadow btn-gradient-warning btn-pill mt-2 btn-footer">Entregar</a>
			@endif
			
			<a href="{{'/reparacionEstadoPresupuestar/'.$reparacion->id.'/edit'}}" class="btn btn-shadow btn-gradient-warning btn-pill mt-2 btn-footer">Detalle Presupuesto</a>
		@endif
	</div>
</div>

@include('_reparacion.reparacion._cardsEPC') 
@include('_reparacion.reparacion._cardsTickets',['tickets'=>$reparacion->tickets])
@include('_reparacion.reparacion._cardDerivaciones') 


<style>
.fixed-bottom-outer {
	  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);
}



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

.app-main .app-main__inner .sin-padding {
    margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
}

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


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

@media (min-width: 767.98px){
	.card-body-footer{
		max-width: 80%;
	}
}


</style>

@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>

{!!Html::script('/assets/js/_reparacion/reparaciones.js')!!}

{!!Html::script('js/clientes.js')!!}

{!!Html::script('/assets/js/_reparacion/clientes-modal.js')!!}

{!!Html::script('/assets/js/_reparacion/equipos.js')!!}
{!!Html::script('/assets/js/_reparacion/reparaciones_equipos_select2.js')!!}
{!!Html::script('/assets/js/_reparacion/presupuesto.js')!!}

{!!Html::script('/assets/js/_reparacion/reparaciones-servicios-extras.js')!!}

{!!Html::script('/assets/js/_reparacion/reparaciones-templates-comprobantes.js')!!}
{!!Html::script('js/jQuery.print.js')!!}

{!!Html::script('/assets/js/_reparacion/agregar-nota.js')!!}

{!!Html::script('/assets/js/tickets/tickets.js')!!}

<script type="text/javascript" src="{!! asset('/assets/js/_reparacion/reparaciones-imagenes.js') !!}"></script>
<script type="text/javascript" src="{!! asset('/assets/js/_presupuesto/modal.js') !!}"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/11.2.0/classic/ckeditor.js"></script>
@endsection

@section('modals')
@include('cliente.modalpro')
@include('equipo.modalpro')
@include('_reparacion.historialestado.modalpro')

@include('templatecomprobante.modalpro')
@include('_reparacion.reparacion.modalServicioExtraReparacion')
@include('_reparacion.nota.modal-agregar')

@include('_reparacion.presupuesto.modal._presupuesto')
@include('_reparacion.reparacion.modalImagen')

@include('tickets.modal-form')
@include('_reparacion.reparacion.modalReparacionPresupuestoHistorial')
@endsection