@include('ready_food.layouts.header_include')

<section>
  <div class="food-delivery-head">
    {{-- <div class="food-delivery-back">
      <a href="#"><i class="uil uil-multiply"></i></a>
    </div> --}}
    <div class="food-delivery pb-3">
      <h6>Your Order</h6>
      <p>Restaurant Name</p>
    </div>
  </div>
</section>
<section>
  <div class="container">
    <div class="row">
      <div class="col-md-12 mt-5">
        <div class="text-center">
            <div class="order-content">
              <p class="pt-5 pb-3">Estimated delivery time</p>
              <h2 class="font-weight-bold">25-35 mints</h2>
              <img src="/all_restaurants_assets/img/readylogo.png" alt="" class="img-fluid m-0 p-0">
              <p class="pt-2 pb-2">Preparing your food. Your rider will pick it up once it's ready.</p>
            </div>
        </div>
        <div class="white-bg">
          <div class="d-flex justify-content-between">
              <div class="icon-set">
                <i class="uil uil-google-drive-alt"></i>
              </div>
              <div class="icon-text">
                <h6>Contact your rider</h6>
                <p>Ask for contactless delivery</p>
              </div>
              <div class="icon-set bg-none">
                <i class="uil uil-comment-alt-message"></i>
              </div>
          </div>
        </div>
      </div>
      <div class="col-md-12">
        <table class="table border-bottom">
          <tbody>
            <tr>
              <td colspan="2" class="font-weight-bold">Order Details</td>
            </tr>

            <tr>
              <td class="text-left sort-name">Order number</td>
              <td class="text-right font-weight-bold order-id">                    
                <p>#1565115</p>
              </td>
            </tr>

            <tr>
              <td class="text-left sort-name">Order from</td>
              <td class="text-right font-weight-bold">
                <p class="restaurant-order">Broadway Pizza-Hyderabad</p>
              </td>
            </tr>

            <tr>
              <td class="text-left sort-name">Order address</td>
              <td class="text-right font-weight-bold lighter-weight">Auto bhan road hyderabad</td>
            </tr>

            <tr>
              <td class="text-left sort-name">Total (incl.GST)</td>
              <td class="text-right font-weight-bold lighter-weight">Rs.11,000,00</td>
            </tr>

          </tbody>
        </table>
      </div>
      <div class="col-md-12">
        <table class="table border-bottom">
          <tbody>
            <tr>
              <td colspan="2" class="font-weight-bold">View Details (3 items)</td>
            </tr>

            <tr>
              <td class="text-left sort-name"><span>3x</span> Itemname</td>
              <td class="text-right font-weight-bold order-id">                    
                <p>Rs.1,225</p>
              </td>
            </tr>

            <tr>
              <td class="text-left sort-name"><span>3x</span> Itemname</td>
              <td class="text-right font-weight-bold order-id">                    
                <p>Rs.1,225</p>
              </td>
            </tr>

            <tr>
              <td class="text-left sort-name"><span>3x</span> Itemname</td>
              <td class="text-right font-weight-bold order-id">                    
                <p>Rs.1,225</p>
              </td>
            </tr>

          </tbody>
        </table>
      </div>
      <div class="col-md-12">
        <table class="table">
          <tbody>
            <tr>
              <td colspan="2" class="font-weight-bold">Paid With</td>
            </tr>

            <tr>
              <td class="text-left sort-name">cash on delivery</td>
              <td class="text-right font-weight-bold order-id">                    
                <p>Rs.1,225</p>
              </td>
            </tr>

          </tbody>
        </table>
      </div>
      <div class="w-100">
        <a href="{{ route('cancel-your-order') }}">
          <button class="md-ripples ripple-btn" type="button">Cancel Order</button>
        </a>
      </div>
    </div>
  </div>
</section>
@include('ready_food.layouts.footer_include')