@extends('frontend.layout.app')



@section('title', 'BAIC BAHRAIN - Request Brochure')



@section('body-content')
<section class="inner-intro bg-1 bg-overlay-black-70" style="height: 125px !important;">
  <div class="container">
       <div class="row text-center intro-title">
         <div class="col-md-6 text-md-start d-inline-block">
           <h1 style="text-align:center;" class="text-white">Request Brochure</h1>
         </div>
         <div class="col-md-6 text-md-end float-end">
           
         </div>
       </div>
    </div>
  </section>

  <section class="car-details page-section bg-1 bg-overlay-black-70">
    <div class="container">
     
      <div class="row">
        <div class="col-md-3">
        </div>
        <div class="col-md-6">
            <ul>
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="text-white">PLEASE COMPLETE THE INFORMATION BELOW.</h5>
                  </div>
                  <div class="modal-body">
                    <div id="rmi_notice" class="form-notice" style="display:none;"></div>
                    <p class="sub-title">Please fill out the information below and one of our representatives will contact you regarding your request for more information.</p>
                    <form class="gray-form reset_css" action="{{ route('request-brochure') }}" id="rmi_form" method="post">
                      @csrf
              
                      <div class="alrt">
                        <span class="alrt"></span>
                      </div>
                      <div class="mb-3">
                        <label class="form-label">First Name*</label>
                        <input type="text" class="form-control" name="first_name" id="first_name" required="">
                      </div>
                      <div class="mb-3">
                        <label class="form-label">Last Name*</label>
                        <input type="text" class="form-control" name="last_name" id="last_name" required="">
                      </div>
                      
                    
                      <div class="mb-3">
                        <label class="form-label">Email address*</label>
                        <input type="email" class="form-control" name="email" id="email" required="">
                      </div>
                      <div class="mb-3">
                        <label class="form-label">Phone Number*</label>
                        <input type="text" class="form-control" id="phone" name="rmi_phone" maxlength="9" pattern="\d{9}" required oninput="this.value=this.value.replace(/[^0-9]/g,'').slice(0,9)" />
                      </div>
                    
                     
                      <div class="mb-3">
                        <label class="form-label">Vehicle Model*</label>
                        <select class="form-control" name="model" id="rmi_model" required>
                          <option value="">Select the Model</option>
                                                  
                        </select>
                      </div>
                      
                      
                     
                      <div class="mb-3">
                        <div id="recaptcha1"></div>
                      </div>
                      <div>
                        <input type="hidden" name="veh_id" value="" />
                        <button type="submit" class="button red" id="request_more_info_submit">Submit <i class="fa fa-spinner fa-spin fa-fw btn-loader" style="display: none;"></i></button>
                      </div>
                    </form>
                  </div>
                </div>
            </ul>
            <div style="padding-top: 50px; color:white;" class="section-title">
              <span>Call Us For Enquiry</span>
              <h2>+973 17875801
              </h2>
              <div class="separator"></div>
            </div>
        </div>
        <div class="col-sm-3">
        </div>
      </div>
     
       </div>
  </section>

@endsection


@section('js')

@endsection