@extends('frontend.layout.main')

@section('inner')

<section>
  <div class="container-fluid px-4">
    <div class="driverportal">
      <div class="row">
        <div class="col-md-6 py-3">
          <div class="headings">
            <h2><b>DRIVER PORTAL</b></h2>
            <p>Driver #: 18473948
            </p> 
            <i class="fa-solid fa-bars"></i>           
          </div>
        </div>
        <div class="col-md-6 py-3 d-flex justify-content-end align-items-center">
          <a href="#" class="online">ONLINE</a>
          <a href="#" class="offline">OFFLINE</a>
        </div>
      </div>
      <div class="row ">
        <div class="col-md-6">
          <div class="headings d-flex justify-content-between">
            <h2>REQUESTED TOURS</h2>
            <div class="accept d-flex flex-row-reverse align-items-center">
              <i class="fa-solid fa-phone"></i>
              <a href="#">DECLINE</a>
              <a href="#">ACCEPT</a>
             
            </div>
          </div>
          <div class="headingdetail">
           
            <p>Pickup Location: 451 King St. West</p> 
            <p>3 Passengers</p> 
            <p>Transfer Seat Required</p> 
            <p>August 01, 2024</p> 
            <p>1 Hour</p> 
            <p>Start Time: 2pm</p> 
                   
          </div>
        </div>
          <div class="col-md-6">
            <img src="{{asset('/frontend/assets/image/GoogleMaps.jpg')}}" width="100%"  alt="img">
          </div>
        
      </div>
 

      

     

     

     
    <div class="bdr mt-5 mb-2" ></div>
    <div class="row my-4">
      <div class="col-md-12">
        <div class="new_requests d-flex justify-content-end">
          <a href="#">STOP NEW REQUESTS</a>
          </div>  
      </div>
    </div>
   

    </div>
  </div>
</section>

@endsection