@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">
		Crear Derivación
	</div>

	<!-- <div class="card-body"> -->
	<div class="card-body">
		<div class="panel-body">
		<form action="{{ route('derivacion.store') }}" method="POST">
			<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>
			@include('_derivacion.derivacion.clienteDerivaciones')
			@include('_derivacion.derivacion.equipoDerivaciones')
			@include('_derivacion.derivacion.fallaDerivaciones')
			@include('_derivacion.derivacion.estadosDerivaciones')
			@include('_derivacion.derivacion.propuestasDerivaciones')
			@include('_derivacion.derivacion.montoDerivaciones')
			@include('_derivacion.derivacion.cotizacionDerivaciones')
			@include('_derivacion.derivacion.mercadoPagoDerivaciones')
			@include('_derivacion.derivacion.motivosDerivaciones')
			@include('_derivacion.derivacion.comentariosDerivaciones')
			</div>
			<div class="container bg-light rounded pl-4 pr-4 pb-4 pt-4">
				<div class="row">
					
						<button type="submit" class="col-sm mr-1 btn btn-primary mb-2" name="botonGuardar" value="1">Guardar</button>
						<button type="submit" class="col-sm mr-1 btn btn-primary mb-2" name="botonGuardarCerrar" value="1">Guardar y Cerrar</button>
						<button type="reset" class="col-sm mr-1 btn btn-secondary pull-right mb-2">Resetear</button>
					
				</div>
			</div>

		</form>
	<!-- </div>	 -->
	</div>
	</div>
	</div>
	</div>
</div>


@endsection

@section('css')
<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;
	}
</style>
@endsection

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