@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>Thank you!</h2>
                                    <p>You're request was successfully submitted. You can track the status using this ID <b> {{ $booking->booking_id}}</b></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">
                                                Document Type										
                                             </td>
                                             <td class="product-total">
                                                <span class="woocommerce-Price-amount amount">
                                                {{ implode(', ', $documentTypes->toArray()) }}
                                                </span>					
                                             </td>
                                          </tr>
                                          <tr class="cart-subtotal">
                                             <td>From Language</td>
                                             <td>
                                                <span class="woocommerce-Price-amount amount">
                                                {{ $fromLanguage }}
                                                </span>
                                             </td>
                                          </tr>
                                          <tr class="cart-subtotal">
                                             <td>To Language</td>
                                             <td>
                                                <span class="woocommerce-Price-amount amount">
                                                {{ implode(', ', $toLanguages) }}
                                                </span>
                                             </td>
                                          </tr>
                                          <tr class="cart-subtotal">
                                             <td>Delivery Options</td>
                                             <td>
                                                <span class="woocommerce-Price-amount amount">
                                                   Normal
                                                </span>
                                             </td>
                                          </tr>
                                          <tr class="cart-subtotal">
                                             <td>Referral Employee</td>
                                             <td>
                                                <span class="woocommerce-Price-amount amount">
                                                   Website
                                                </span>
                                             </td>
                                          </tr>
                                          <tr class="cart-subtotal">
                                             <td>How many Words</td>
                                             <td>
                                                <span class="woocommerce-Price-amount amount">
                                                   {{$booking->words_count}}
                                                </span>
                                             </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                 </div>

                                 @php
                                    $totalPrice = $booking->total_price ?? 0; // Total price from booking
                                    
                                    $shippingVAT = $booking->vat_amount ?? 0;
                                    $subtotal = $totalPrice - $shippingVAT;
                                    
                                    $grandTotal = $totalPrice; // Add shipping cost (with VAT) to the total price
                                 @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($subtotal ?? 0, 2) }}</bdi>
                                                   </span>					
                                                </td>
                                             </tr>
                                              <tr class="cart_item">
                                                <td class="product-name">
                                                   Shipping								
                                                </td>
                                                <td class="product-total">
                                                   <span class="woocommerce-Price-amount amount">
                                                      <bdi><span class="woocommerce-Price-currencySymbol">AED </span>{{ number_format($shippingVAT ?? 0, 2) }}</bdi>
                                                      <span>(includes 5% VAT)</span>
                                                   </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($grandTotal ?? 0, 2) }}</bdi></span>
                                                   </strong>
                                                </td>
                                             </tr>
                                          </tfoot>
                                       </table>
                                    </div>
                                 </div>


                                 <div class="_form mt-4">
                                    <div role="form" class="wpcf7">
                                    
                                    <form action="{{ route('home') }}" class="wpcf7-form init" id="homeRedirectForm">
                                       <div>
                                          <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit w-100">Back to Home</button>
                                       </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