| Server IP : 13.126.101.145 / Your IP : 216.73.217.50 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ip-11-115-0-196 6.8.0-1039-aws #41~22.04.1-Ubuntu SMP Thu Sep 11 10:54:48 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 8.3.17 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/rentals_updated/wp-content/themes/hello-elementor-child/checkout/ |
Upload File : |
<?php
/**
* Thankyou page
*
* @see https://woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
* @version 8.1.0
*
* @var WC_Order $order
*/
defined( 'ABSPATH' ) || exit;
$order_items = $order->get_items( apply_filters( 'woocommerce_purchase_order_item_types', 'line_item' ) );
$show_purchase_note = $order->has_status( apply_filters( 'woocommerce_purchase_note_order_statuses', array( 'completed', 'processing' ) ) );
$downloads = $order->get_downloadable_items();
$show_downloads = $order->has_downloadable_item() && $order->is_download_permitted();
$show_customer_details = $order->get_user_id() === get_current_user_id();
if ( $show_downloads ) {
wc_get_template(
'order/order-downloads.php',
array(
'downloads' => $downloads,
'show_title' => true,
)
);
}
?>
<style>
.woocommerce-columns--addresses {
display: grid;
grid-template-columns: auto auto;
}
.order-details {
border-top: 2px solid #E4E4E4;
margin-top: 40px;
padding-top: 15px;
}
.woocommerce-columns--addresses .woocommerce-column {
padding: 0;
}
.woocommerce-customer-billing-details .woocommerce-columns--addresses:before {
display: none;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address,
.woocommerce-final-order-details,
.woocommerce-customer-billing-details {
width: 100% !important;
}
.woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 26px !important;
margin-top: 30px;
margin-bottom: 10px !important;
text-transform: uppercase;
}
.woocommerce .woocommerce-customer-billing-details address p {
margin-bottom: 3px;
}
.wc-item-meta {
font-size: 14px;
line-height: 20px;
}
/* .woocommerce-column--billing-address {
margin: 30px 0 30px;
} */
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
padding-left: 0 !important;
}
.woocommerce-customer-details--phone:before,
.woocommerce-customer-details--email:before,
.woocommerce-customer-details,
.woocommerce-order-details,
.custom-two-column-container,
.order-details+p,
ul.woocommerce-thankyou-order-details.order_details {
display: none !important;
}
.woocommerce-order .woocommerce-notice {
font-size: 16px;
}
.woocommerce .woocommerce-customer-billing-details address {
margin: 20px 0 0;
/* border: 1px solid #bdbdbd; */
/* border-radius: 0px; */
/* padding: 20px; */
font-size: 16px;
/* line-height: 26px; */
/* background-color: #fbefd3; */
}
.woocommerce table.shop_table thead tr {
background-color: #000000;
color: #fff;
}
.thankyou-buttons {
display: flex;
gap: 15px;
justify-content: center;
}
.thankyou-buttons a {
width: max-content;
}
.woocommerce-table--order-details tr,
.woocommerce-order-overview tr {
font-size: 16px;
line-height: 26px;
}
.order_num {
color: #FFBD2B;
font-weight: 700;
font-size: 16px;
}
.transaction_id, .order_date {
font-weight: 700;
font-size: 16px;
}
.subtotal-sec {
font-size: 14px;
}
a.back-btn, a.back-btn:hover {
padding: 12px 28px;
background-color: #FFBD2B;
border-radius: 12px;
color: #000;
float: right;
font-size: 16px;
}
.order-table-title {
font-size: 18px;
}
.product-title {
font-size: 18px;
}
.small {
font-size: 68%;
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
/* .order-details {
display: flex;
gap: 15px;
} */
.page-id-9045 .woocommerce-order {
margin: 50px 30px !important;
}
}
@media (min-width: 1300px) {
.page-id-9045 .woocommerce-order {
margin: 0 !important;
}
}
@media (max-width: 768px) {
.page-id-9045 .woocommerce-order {
margin: 55px 0px !important;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
padding: 0 !important;
}
.woocommerce-notice {
line-height: 22px;
font-size: 16px;
}
}
@media (max-width: 767px) {
.transaction_id {
text-align: right;
}
.order-details .woocommerce-columns--addresses {
grid-template-columns: auto;
}
.woocommerce-final-order-details .table-header {
display: none;
}
.table-body, .table-body .d-flex {
flex-wrap: wrap;
}
.quantity-sec,
.price-sec {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.table-body .img-sec {
width: 100% !important;
}
}
@media (min-width: 768px) {
.table-body .quantity-sec span,
.table-body .price-sec span.price {
display: none;
}
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<div class="container mt-0 mb-5">
<div class="row">
<!-- Left Side: WooCommerce Order -->
<div class="col-lg-10 col-md-12 border-right">
<div class="woocommerce-order">
<?php if ( $order ) : ?>
<?php do_action( 'woocommerce_before_thankyou', $order->get_id() ); ?>
<?php if ( $order->has_status( 'failed' ) ) : ?>
<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed">
<?php esc_html_e( 'Unfortunately your order cannot be processed as the originating bank/merchant has declined your transaction. Please attempt your purchase again.', 'woocommerce' ); ?>
</p>
<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed-actions">
<!-- <a href="<?php echo esc_url( $order->get_checkout_payment_url() ); ?>"
class="button pay"><?php esc_html_e( 'Pay', 'woocommerce' ); ?></a>
<?php if ( is_user_logged_in() ) : ?>
<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"
class="button pay"><?php esc_html_e( 'My account', 'woocommerce' ); ?></a> -->
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"
class="button pay"><?php esc_html_e( 'Home', 'woocommerce' ); ?></a>
<?php endif; ?>
</p>
<?php else : ?>
<div class="order-info">
<div class="d-flex justify-content-between">
<div class="order_num"><?php esc_html_e( 'Order number:', 'woocommerce' ); ?>#<?php echo $order->get_order_number(); ?></div>
<div class="transaction_id">
<?php esc_html_e( 'Transaction ID:', 'woocommerce' ); ?>
#<?php
$transaction_id = $order->get_transaction_id();
echo $transaction_id ? esc_html( $transaction_id ) : esc_html__( 'N/A', 'woocommerce' );
?>
</div>
</div>
<div class="order_date my-3">
<?php esc_html_e( 'Date:', 'woocommerce' ); ?><?php echo wc_format_datetime( $order->get_date_created() ); ?>
</div>
<?php wc_get_template( 'checkout/order-received.php', array( 'order' => $order ) ); ?>
</div>
<div class="order-details">
<?php if ( $show_customer_details ) :
$show_shipping = ! wc_ship_to_billing_address_only() && $order->needs_shipping_address();
?>
<section class="woocommerce-customer-billing-details">
<?php if ( $show_shipping ) : ?>
<section
class="woocommerce-columns woocommerce-columns--2 woocommerce-columns--addresses col2-set addresses">
<div class="woocommerce-column woocommerce-column--1 woocommerce-column--billing-address col-1">
<?php endif; ?>
<h2 class="woocommerce-column__title"><?php esc_html_e( 'Billing Details', 'woocommerce' ); ?></h2>
<address>
<p><strong>Name:</strong> <?php echo esc_html( $order->get_formatted_billing_full_name() ); ?>
</p>
<p><strong>Address:</strong>
<?php
// Manually build the billing address in one line
$address_parts = array_filter([
$order->get_billing_address_1(),
$order->get_billing_address_2(),
$order->get_billing_city(),
$order->get_billing_state(),
$order->get_billing_postcode(),
$order->get_billing_country()
]);
echo esc_html( implode( ', ', $address_parts ) );
?>
</p>
<?php if ( $order->get_billing_phone() ) : ?>
<p class="woocommerce-customer-details--phone">
<strong>Phone:</strong> <?php echo esc_html( $order->get_billing_phone() ); ?>
</p>
<?php endif; ?>
<?php if ( $order->get_billing_email() ) : ?>
<p class="woocommerce-customer-details--email">
<strong>Email:</strong> <?php echo esc_html( $order->get_billing_email() ); ?>
</p>
<?php endif; ?>
<?php
do_action( 'woocommerce_order_details_after_customer_address', 'billing', $order );
?>
</address>
<?php if ( $show_shipping ) : ?>
</div><!-- /.col-1 -->
<div class="woocommerce-column woocommerce-column--2 woocommerce-column--shipping-address col-2">
<h2 class="woocommerce-column__title"><?php esc_html_e( 'Shipping Details', 'woocommerce' ); ?></h2>
<address>
<p><strong>Name:</strong> <?php echo esc_html( $order->get_formatted_shipping_full_name() ); ?>
</p>
<p><strong>Address:</strong>
<?php
// Build shipping address manually (one line, no name)
$shipping_parts = array_filter([
$order->get_shipping_address_1(),
$order->get_shipping_address_2(),
$order->get_shipping_city(),
$order->get_shipping_state(),
$order->get_shipping_postcode(),
$order->get_shipping_country()
]);
echo esc_html( implode( ', ', $shipping_parts ) );
?>
</p>
<?php if ( $order->get_shipping_phone() ) : ?>
<p class="woocommerce-customer-details--phone">
<strong>Phone:</strong> <?php echo esc_html( $order->get_shipping_phone() ); ?>
</p>
<?php endif; ?>
<?php
/**
* Action hook fired after an address in the order customer details.
*
* @since 8.7.0
* @param string $address_type Type of address (billing or shipping).
* @param WC_Order $order Order object.
*/
do_action( 'woocommerce_order_details_after_customer_address', 'shipping', $order );
?>
</address>
</div><!-- /.col-2 -->
</section><!-- /.col2-set -->
<?php endif; ?>
<?php do_action( 'woocommerce_order_details_after_customer_details', $order ); ?>
</section>
<?php endif; ?>
<section class="woocommerce-final-order-details container my-4 border-top">
<?php do_action('woocommerce_order_details_before_order_table', $order); ?>
<!-- Header -->
<div class="row font-weight-bold pt-4 pb-2 table-header">
<div class="col-md-7 order-table-title"><?php esc_html_e('Order Details', 'woocommerce'); ?></div>
<div class="col-md-2 order-table-title text-center"><?php esc_html_e('Quantity', 'woocommerce'); ?></div>
<div class="col-md-3 order-table-title text-right"><?php esc_html_e('Calculated price', 'woocommerce'); ?></div>
</div>
<?php
$payment_option = $order->get_meta('_payment_option');
foreach ($order_items as $item_id => $item) {
$product = $item->get_product();
$thumbnail = $product ? $product->get_image('woocommerce_thumbnail', ['class' => 'img-fluid rounded']) : '';
$meta_data = $item->get_formatted_meta_data();
?>
<!-- Product Row -->
<div class="row align-items-start py-3 table-body">
<!-- Product Details -->
<div class="col-md-7 d-flex p-0">
<div class="mr-3 img-sec" style="width:220px;">
<?php echo $thumbnail; ?>
</div>
<div>
<p class="font-weight-bold mb-2 product-title"><?php echo $item->get_name(); ?></p>
<?php
// Get product object
$product = $item->get_product();
if ( $product ) :
$sku = $product->get_sku();
if ( $sku ) :
?>
<p class="mb-0 small text-black">
<?php esc_html_e( 'SKU', 'woocommerce' ); ?>:
<strong><?php echo esc_html( $sku ); ?></strong>
</p>
<?php
endif;
endif;
?>
<?php foreach ( $meta_data as $meta ) : ?>
<p class="mb-0 small text-black">
<?php echo esc_html( $meta->display_key ); ?>:
<strong><?php echo wp_kses_post( wp_strip_all_tags( $meta->display_value ) ); ?></strong>
</p>
<?php endforeach; ?>
</div>
</div>
<!-- Quantity -->
<div class="col-md-2 text-center quantity-sec p-0">
<span class="">Quantity </span><?php echo esc_html($item->get_quantity()); ?>
</div>
<!-- Price -->
<div class="col-md-3 text-right font-weight-bold price-sec p-0">
<span class="price">Calculated price </span><?php echo wc_price( round( $item->get_total(), 2 ) ); ?>
</div>
</div>
<?php } ?>
<!-- Totals Section -->
<!-- Totals Section - Right Side -->
<div class="row mt-4 border-top pt-4">
<div class="col-md-7"></div> <!-- empty space to push totals right -->
<div class="col-md-5">
<div class="subtotal-sec mb-5">
<?php foreach ($order->get_order_item_totals() as $key => $total) : ?>
<div class="d-flex justify-content-between">
<span class="font-weight-bold"><?php echo esc_html($total['label']); ?></span>
<span class="text-right"><?php echo wp_kses_post($total['value']); ?></span>
</div>
<?php endforeach; ?>
<!-- Payment Option -->
<div class="d-flex justify-content-between">
<span class="font-weight-bold"><?php esc_html_e('Payment option:', 'woocommerce'); ?></span>
<span>
<?php
switch ($payment_option) {
case 'full':
echo esc_html__('100% full payment', 'woocommerce');
break;
case 'half':
echo esc_html__('50% Payment', 'woocommerce');
break;
case '2LC':
echo esc_html__('₹2,00,000 Payment', 'woocommerce');
break;
case '2-Months':
echo esc_html__('2 Months Payment', 'woocommerce');
break;
default:
echo esc_html($payment_option);
}
?>
</span>
</div>
<!-- Payment Type -->
<!-- <div class="d-flex justify-content-between py-2">
<span class="font-weight-bold"><?php esc_html_e('Payment Type', 'woocommerce'); ?></span>
<span><?php echo esc_html($order->get_payment_method_title()); ?></span>
</div> -->
</div>
<a href="<?php echo home_url(); ?>" class="back-btn">Go back to Home</a>
</div>
</div>
<?php do_action('woocommerce_order_details_after_order_table', $order); ?>
</section>
<?php do_action( 'woocommerce_after_order_details', $order ); ?>
</div>
<?php endif; // end if order failed ?>
<?php do_action( 'woocommerce_thankyou_' . $order->get_payment_method(), $order->get_id() ); ?>
<?php do_action( 'woocommerce_thankyou', $order->get_id() ); ?>
<?php else : // if $order is false ?>
<?php wc_get_template( 'checkout/order-received.php', array( 'order' => false ) ); ?>
<?php endif; // end if $order ?>
<!-- <div class="thankyou-buttons mt-5">
<a href="<?php echo home_url(); ?>" target="_blank" class="btn red">Go to Home</a>
<a href="/product-category/rent/" target="_blank" class="btn red">Go to Rent</a>
</div> -->
</div>
</div>
<!-- Right Side: Vertical Slider -->
<div class="col-lg-2 col-md-12">
<h5 class="text-left mt-0" style="font-size: 16px;">Other Equipments</h5>
<div class="vertical-slider">
<div class="card">
<img src="/wp-content/uploads/2025/08/Rectangle-4606.png" class="card-img-top" alt="Earthmoving equipment">
<div class="card-body">
<h5 class="card-title text-center">Earthmoving equipment</h5>
</div>
</div>
<div class="card">
<img src="/wp-content/uploads/2025/08/Rectangle-4607.png" class="card-img-top" alt="Mining equipment">
<div class="card-body">
<h5 class="card-title text-center">Mining equipment</h5>
</div>
</div>
<div class="card">
<img src="/wp-content/uploads/2025/08/Rectangle-4608.png" class="card-img-top" alt="Construction equipment">
<div class="card-body">
<h5 class="card-title text-center">Construction equipment</h5>
</div>
</div>
<div class="card">
<img src="/wp-content/uploads/2025/08/Rectangle-4609.png" class="card-img-top" alt="Another equipment">
<div class="card-body">
<h5 class="card-title text-center">Another equipment</h5>
</div>
</div>
<div class="card">
<img src="/wp-content/uploads/2025/08/Rectangle-4610.png" class="card-img-top" alt="Another equipment">
<div class="card-body">
<h5 class="card-title text-center">Aerial working Platform (jlg)</h5>
</div>
</div>
</div>
</div>
<style>
.slick-vertical .slick-slide {
height: auto;
margin-bottom: 20px;
width: 100% !important;
border: 1px solid #FFBD2B !important;
overflow: hidden;
}
.slick-prev:before, .slick-next:before {
font-size: 30px;
line-height: 1;
opacity: .75;
color: black;
}
.card-title {
font-size: 14px !important;
margin: 0;
}
.card-body {
padding: 10px;
}
.slick-slide img {
display: block;
height: 250px;
object-fit: cover;
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
background-color: transparent;
}
.slick-prev {
left: 57%;
transform: translateX(-50%) rotate(90deg);
top: -30px;
z-index: 10;
padding: 0;
}
.slick-next {
left: 57%;
transform: translateX(-50%) rotate(90deg);
bottom: -30px;
z-index: 10;
top: 100%;
padding: 0;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
opacity: .25;
}
.card {
border: 1px solid #ddd;
border-radius: 8px;
}
.card-img-top {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media (max-width: 768px) {
.vertical-slider .slick-slide {
margin-right: 10px;
margin-bottom: 0;
overflow: auto;
}
}
</style>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
$(document).ready(function(){
$('.vertical-slider').slick({
vertical: true,
slidesToShow: 3,
slidesToScroll: 1,
verticalSwiping: true,
prevArrow: '<button type="button" class="slick-prev"></button>',
nextArrow: '<button type="button" class="slick-next"></button>',
responsive: [
{
breakpoint: 992, // Tablets and below
settings: {
vertical: false,
verticalSwiping: false,
slidesToShow: 3,
slidesToScroll: 1,
arrows: false,
infinite: false
}
},
{
breakpoint: 769, // Mobile and below
settings: {
vertical: false,
verticalSwiping: false,
slidesToShow: 1.5,
slidesToScroll: 1,
arrows: false,
infinite: false
}
}
]
});
});
</script>