@extends('front.template.header')
@section('content')

<div id="content" class="site-content ">
            <!---about--->
            <section class="about-section">
               <!--===============spacing==============-->
               <div class="pd_top_90"></div>
               <!--===============spacing==============-->
               <div class="container">


                  <article class="clearfix service type-service status-publish has-post-thumbnail hentry">
                     <div class="row no-space">
                        
                        <div class="col-xl-12">
                           

                        <section class="contact_form_box_all type_two">
                           <div class="contact_form_box_inner">
                              <div class="contact_form_shortcode" style="margin: 0 auto;">
                                 <div class="heading">
                                    <h2>On {{ $booking->status}}!</h2>
                                    <p> <b>  {{ $booking->booking_id}}</b> @if ($booking->status === 'Completed')
                                          <p>ID Request on {{ $booking->status }}.</p>
                                       @else
                                          <p>ID Request on {{ $booking->status }}, soon will get another update.</p>
                                       @endif
                                    </p>
                                 </div>
                                 <hr>
                                 <div class="your_order_box">
                                    <table class="shop_table woocommerce-checkout-review-order-table">
                                       <!-- <thead>
                                          <tr>
                                             <th class="product-name">Product</th>
                                             <th class="product-total">Subtotal</th>
                                          </tr>
                                       </thead> -->
                                       <tbody>
                                          <tr class="cart_item">
                                             <td class="product-name">
                                                Service										
                                             </td>
                                             <td class="product-total">
                                                @php
                                                    $service = \App\Models\Service::find($booking->service_id);
                                                    $serviceName = $service ? $service->title : 'N/A';
                                                @endphp
                                                <span class="woocommerce-Price-amount amount">
                                                {{ $serviceName }}
                                                </span>					
                                             </td>
                                          </tr>
                                          
                                         
                                         
                                        
                                         
                                         
                                       </tbody>
                                    </table>
                                 </div>

                                 @php
                                    $totalPrice = $booking->total ?? 0; // Total price from booking
                                    
                                    
                                 @endphp

                                 <div id="order_review" class="woocommerce-checkout-review-order mt-4">
                                    <div class="your_order_box">
                                       <table class="shop_table woocommerce-checkout-review-order-table">
                                          <tbody>
                                             <tr class="cart_item">
                                                <td class="product-name">
                                                   Subtotal								
                                                </td>
                                                <td class="product-total">
                                                   <span class="woocommerce-Price-amount amount">
                                                      <bdi><span class="woocommerce-Price-currencySymbol">AED</span> {{ number_format($totalPrice ?? 0, 2) }}</bdi>
                                                   </span>					
                                                </td>
                                             </tr>
                                            
                                          </tbody>
                                          <tfoot>
                                             <tr class="order-total">
                                                <th>Total</th>
                                                <td>
                                                   <strong><span class="woocommerce-Price-amount amount">
                                                      <bdi><span class="woocommerce-Price-currencySymbol">AED</span> {{ number_format($totalPrice ?? 0, 2) }}</bdi></span>
                                                   </strong>
                                                </td>
                                             </tr>
                                          </tfoot>
                                       </table>
                                    </div>
                                 </div>


                                 <div class="_form mt-4">
                                    <div role="form" class="wpcf7">
                                    
                                       <form action="" method="" class="wpcf7-form init">
                                          
                                          <div>
                                             <a href="{{ route('trackstatus') }}" class="wpcf7-form-control theme-btn one has-spinner wpcf7-submit w-100">Track another One</a>
                                          </div>
                              
                                       </form>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </section>
                           <!--===============spacing==============-->
                           <div class="pd_bottom_25"></div>
                           <!--===============spacing==============-->
                           
                        </div>
                     </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_70"></div>
               <!--===============spacing==============-->
            </section>
            <!---about end--->
      </div>
@endsection