@extends('frontend.layout.main')

@section('inner')
  {{-- <section>
    <div class="container">
      <div class="finddriver">
        <div class="row">
          <div class="col-md-12">
            <div class="headings my-4">
              <h2>FIND A DRIVER</h2>
            </div>
          </div>
        </div>
        <div class="row justify-content-between">
          <div class="col-md-3 ">
            <form class="infoForm2" action="">
              <input type="text" class="form-control" placeholder="Pickup Location" aria-label="Pickup Location">
              <input type="text" class="form-control" placeholder="Drop Off Location" aria-label="Drop Off Location">
              <select class="form-select" id="autoSizingSelect">
                <option selected>1 or 2 Hours? </option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Date</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Start Time</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Number of Passengers</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <input type="tel" class="form-control" placeholder="Driver # (Optional) "
                aria-label="Driver # (Optional)">
              <button>Search</button>
            </form>
          </div>
          <div class="col-md-4">
            <img src="{{asset('/frontend/assets/image/find.png')}}" alt="img">
          </div>
          <div class="bdr my-5"></div>
        </div>
      </div>
    </div>
  </section> --}}
  <section>
    <div class="container-fluid px-4">
      <div class="finddriver">
        <div class="row">
          <div class="col-md-12">
            <div class="headings my-4">
              <h2>FIND A DRIVER</h2>
            </div>
          </div>
        </div>
        <div class="row justify-content-between">
          <div class="col-md-3 ">
            <form class="infoForm2" action="">
              <input type="text" class="form-control" placeholder="Pickup Location" aria-label="Pickup Location">
              <input type="text" class="form-control" placeholder="Drop Off Location" aria-label="Drop Off Location">
              <select class="form-select" id="autoSizingSelect">
                <option selected>1 or 2 Hours? </option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Date</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Start Time</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <select class="form-select" id="autoSizingSelect">
                <option selected>Number of Passengers</option>
                <option value="1">1</option>
                <option value="2">2</option>
              </select>
              <input type="tel" class="form-control" placeholder="Driver # (Optional) "
                aria-label="Driver # (Optional)">
              <button>Search</button>
            </form>
          </div>
          <div class="col-md-4">
            <img src="{{asset('/frontend/assets/image/FindADriverJPG.jpg')}}" width="60%" alt="img">
          </div>
          <div class="bdr my-5"></div>
        </div>
      </div>
    </div>
    
  </section>



@endsection