@extends('layouts.dashboard')

@section('dashboard')

	<style type="text/css">
		.select2-container {
			width: 100% !important;
		}
	</style>

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Crear Cotización Express</strong></li>
    </ul>
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Crear Cotización Express</h1>
        </div>
    </div>

    @if(session('message'))
        <div class="alert {{ session('alert') }} mb-3">
            {{ session('message') }}
	    </div>
    @endif

    <form action="{{ route('cotizacion-express-creada') }}" class="form-registro" id="form-cotizacion" method="post" onsubmit="return modalCargando()">
        {{ csrf_field() }}
        <div class="card">
	        <div class="card-body">


            <div class="row">
              <div class="col-6 mb-3">
                <label class="col-4 mb-0">Nombre <span class="href-rosa">*</span></label>
                <input type="text" class="form-control" required name="nombre" placeholder="Nombre">
              </div>
              <div class="col-6 mb-3">
                <label class="col-4 mb-0">Teléfono <span class="href-rosa">*</span></label>
                <input type="number" class="form-control" required name="fono" placeholder="Telefono" maxlength="12">
              </div>
              <div class="col-6 mb-3">
                <label class="col-4 mb-0">E-mail <span class="href-rosa">*</span></label>
                <input type="email" name="email" required class="form-control" placeholder="E-mail">
              </div>
              <div class="col-6 mb-3">
                <label class="col-4 mb-0">Vehículo <span class="href-rosa">*</span></label>
                <input type="text" name="vehiculo" required class="form-control" placeholder="Vehiculo">
              </div>
              <div class="col-12 mb-3">
                <label class="col-4 mb-0">Repuesto a cotizar <span class="href-rosa">*</span></label>
                <textarea name="detalle-repuesto" required class="form-control" rows="6"></textarea>
              </div>
            </div>
            <div class="row">
              <div class="col-md text-right pt-3 align-self-end">
                  <button type="submit" class="btn btn-primary btn-sm">Crear</button>
              </div>
            </div>
		    </div>
		</div>

	</form>

@endsection

@section('scripts')

	<script>
		function mostrarEmail(id) {
		    if($('#'+id).prop('checked') ) {
		        $('.mostrar-email').removeClass('d-none');
		    } else {
		        $('.mostrar-email').addClass('d-none');
		    }
		}
	</script>

@endsection