@extends('layouts.master')

@section('body')
@section('content')
<!--=================================
 inner-intro -->
 
 <section class="inner-intro bg-14 bg-overlay-white-70">
  <div class="container">
     <div class="row text-center intro-title">
           <div class="col-md-6 text-md-left d-inline-block">
             <h1 class="text-black">Buy Spare Parts </h1>
           </div>
           <div class="col-md-6 text-md-right float-right">
             <ul class="page-breadcrumb">
                <li><a href="{{('/home')}}"><i class="fa fa-home"></i> Home</a> <i class="fa fa-angle-double-right"></i></li>
                <li><a href="#">pages</a> <i class="fa fa-angle-double-right"></i></li>
                <li><span>listing 01</span> </li>
             </ul>
           </div>
     </div>
  </div>
</section>

<!--=================================
 inner-intro -->


<!--=================================
product-listing  -->

<section class="product-listing page-section-ptb">
 <div class="container">
  <div class="row">

<div class="row">
      <div class="col-md-4">
        <div class="content-box-2 car-bg-1">
            <i class="glyph-icon flaticon-reparation"></i>
            <h4 class="text-white">Select the brand</h4>
            <p class="text-white" style="min-height: 72px;">We sell perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="content-box-2 car-bg-2">
            <i class="glyph-icon flaticon-price-tag"></i>
            <h4 class="text-white">Fill the details</h4>
            <p class="text-white" style="min-height: 72px;"> You can sell sed ut unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="content-box-2 car-bg-3">
            <i class=" glyph-icon flaticon-beetle"></i>
            <h4 class="text-white">Get a quote</h4>
            <p class="text-white" style="min-height: 72px;">We provide sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
        </div>
      </div>
    </div>
       

       
        <div class="row">
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s03.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#" data-target="">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
               <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a> </button>
               </div>
             </div>
             
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s02.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s01.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s03.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s02.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s01.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s03.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s02.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s01.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s03.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s02.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
               <img class="img-fluid" src="{{asset('images/media/clients/logo/s01.png')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal">Send Enquiry</a></a> </button>
               </div>
             </div>
           </div>
           </div>
           
          
           
          
          <div class="pagination-nav d-flex justify-content-center">
               <ul class="pagination" style="display:none;">
                 <li><a href="#">«</a></li>
                 <li class="active"><a href="#">1</a></li>
                 <li><a href="#">2</a></li>
                 <li><a href="#">3</a></li>
                 <li><a href="#">4</a></li>
                 <li><a href="#">5</a></li>
                 <li><a href="#">»</a></li>
               </ul>
          </div>
       </div>
     </div>
  </div>
</section>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header pop-up-box">
      
        <div class="container">  
  <form id="contact" action="" method="post">
    <h4 style="font-size: 19px; text-transform: capitalize;">LogIn </h4>
    
    <fieldset>
      <input placeholder="Email" type="text" tabindex="2" required>
     
    </fieldset>
    <fieldset>
      <input placeholder="Password" type="tel" tabindex="3" required> 
     
    </fieldset>
   
    <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>

    <fieldset>
      <button
        type="button"
        onclick='closeSubmitForm()'
        ;
        class="btn search-logo custom-car-seller-button"
        data-toggle="modal"
        data-target="#exampleModal1"
        style="
          margin-top: 0px !important;
          line-height: 20px;
          margin-bottom: 0px;
        "
      >
        Submit
      </button>
    </fieldset>
     <label><a href="{{url('/login-page')}}" class="float-right">Forgot Id | Forgot Password?</a></label>
    <p>By submitting this form you agree to our<a href="#" style="color: #0288d1;"> terms and conditions</a> </p>
  </form>
 
  
</div>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
    </div>
  </div>
</div>
<!-- modal spare-part -->
<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header pop-up-box">
      
        <div class="container">  
  <form id="contact" action="" method="post">
    <h3>Spare Parts</h3>
    <!-- <h4>Enter the details here </h4> -->
    
     <!-- <fieldset>
      <input placeholder="Name" type="text" tabindex="1" required autofocus>
    </fieldset>
    <fieldset>
      <input placeholder="Contact No." type="tel" tabindex="3" required>
    </fieldset>
    <fieldset>
        
     <input placeholder="Email ID" type="email" tabindex="2" required>
    </fieldset> -->
      
     <h6 style="font-size: 15px;">Condition</h6>    <input type="radio" id="male" name="gender" value="male"style="margin-left:10px;">    
  <label for="male">Used</label>
  <input type="radio" id="female" name="gender" value="female" style="margin-left:10px;">
  <label for="female">New</label>
  <input type="radio" id="female" name="gender" value="female" style="margin-left:10px;">
  <label for="female">Both</label>
  <br/>
<label for="cars">Emirates</label>

<select id="cars" class="selectize_select">
  <option value="Dubai">Dubai</option>
  <option value="Sharjah">Sharjah</option>
  <option value="Abu Dhabi">Abu Dhabi</option>
  <option value="Ajman">Ajman</option>
  <option value="Umm Al Quwain">Umm Al Quwain</option>
  <option value="Abu Dhabi">Ras Al Khaimah</option>
  <option value="Ajman">Fujairah</option>
</select>
 
<label for="cars">Car Make</label>

<select id="cars" class="selectize_select">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<label for="cars">Car Model</label>

<select id="cars" class="selectize_select">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<label for="cars">Year of Manufacture</label>

<select id="cars" class="selectize_select">
  <option>Any</option>
  <option>1980</option>
  <option>1981</option>
  <option>1982</option>
  <option>1983</option>
  <option>1984</option>
  <option>1985</option>
  <option>1986</option>
  <option>1987</option>
  <option>1988</option>
  <option>1989</option>
  <option>1990</option>
  <option>1991</option>
  <option>1992</option>
  <option>1993</option>
  <option>1994</option>
  <option>1995</option>
  <option>1996</option>
  <option>1997</option>
  <option>1998</option>
  <option>1999</option>
  <option>2000</option>
  <option>2001</option>
  <option>2002</option>
  <option>2003</option>
  <option>2004</option>
  <option>2005</option>
  <option>2006</option>
  <option>2007</option>
  <option>2008</option>
  <option>2009</option>
  <option>2010</option>
  <option>2011</option>
  <option>2012</option>
  <option>2013</option>
  <option>2014</option>
  <option>2015</option>
  <option>2016</option>
  <option>2017</option>
  <option>2018</option>
  <option>2019</option>
  <option>2020</option>
  <option>2020</option>
</select>
<label for="cars">Popular Parts</label>

<select id="cars" class="selectize_select">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<label for="cars">Upload Image</label><br>
<img id="" src="{{asset('images/media/upload-icon.jpg')}}"> 
  <input type="file" id="myfile" name="myfile"><br><br>

   <label>Please Comment Here</label>
    <fieldset>
      <textarea placeholder="Type your message here...." tabindex="5" required></textarea>
    </fieldset>
    
    <!-- <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div> -->
     
    


    <fieldset>
        
     
      <a href="{{url('/spare-parts-enquiry')}}" style="color:white"><button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</submit></a>
    </fieldset>
  </form>
 
  
</div>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
    </div>
  </div>
</div>
<!-- modal spare part end -->
<!-- Modal submit -->
<!-- <div class="modal fade" data-toggle="modal" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
      
        <div class="container">  
  <form id="contact" action="" method="post">
    <h3>seller details </h3>
    <h4>The details are below</h4>

  <div>
    <p style="color: #000000; font-size: 16px;"><i class="fa fa-phone" aria-hidden="true"></i>
      SHRI MOTORS</p>
    <p style="color: #000000; font-size: 16px;"><i class="fa fa-phone" aria-hidden="true"></i>
        9988776655</p>
    <p style="color: #000000; font-size: 16px;"><i class="fa fa-envelope" aria-hidden="true"></i>
        sellers@gmail.com</p>
    <p>
      <address style="color: #000000; font-size: 16px;">
        <i class="fa fa-map-marker" aria-hidden="true"></i>

          892 Jain Campus Near<br>
        Bombay Hospital AB Road<br> Indore 452001 (M.P)
      </address>
    </p>
   
  </div>
    
    <!-- <fieldset>
      <input placeholder="Contact No." type="tel" tabindex="3" required>
    
     
    </fieldset>
    <fieldset>
      <input placeholder="Email" type="email" tabindex="2" required>
     
    </fieldset>
    <fieldset>
      <input placeholder="Address" type="text" tabindex="2" required>
     
<!--    </fieldset>-->
<!--    -->-->
<!--    <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>-->

    
    <!--<button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="details.html" style="color:#fff; margin: 0px; font-size: 20px;">Supplier Details</a> </button>-->
    
<!--  </form>-->
 
  
<!--</div>-->

<!--      </div>-->
      
<!--    </div>-->
 
<!--  </div>-->
 
<!--</div> -->
<!-- modal submit -->

<!--=================================
product-listing  -->
 
 <script>
   function closeSubmitForm() {
          $('#exampleModal').modal('hide');
      }
</script>

@endsection