1stepcheckout-woocommerce

<?php
/**
 * Checkout Form
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/checkout/form-checkout.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see https://docs.woocommerce.com/document/template-structure/
 * @package WooCommerce/Templates
 * @version 3.5.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// If checkout registration is disabled and not logged in, the user cannot checkout.
if ( ! $checkout->is_registration_enabled() && $checkout->is_registration_required() && ! is_user_logged_in() ) {
	echo esc_html( apply_filters( 'woocommerce_checkout_must_be_logged_in_message', __( 'You must be logged in to checkout.', 'woocommerce' ) ) );
	return;
}

?>

<div class="container mt-20">
  <div id="checkout_error" class="checkout-error"></div>
  <div class="w-full lg:w-2/5 ml-auto">
    @php do_action( 'woocommerce_before_checkout_form', $checkout ); @endphp
  </div>
</div>

<form name="checkout" method="post" class="checkout woocommerce-checkout container mb-10" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">
	<div class="flex flex-col-reverse lg:flex-row px-20px lg:px-0">
    <div class="w-full lg:w-3/5 lg:-mt-186px mt-8 lg:mt-0">
      <div class="lg:pr-134px">
        <div class="text-20px lg:text-22px font-medium mb-8">1. Shipping details</div>
        <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>
        <?php do_action( 'woocommerce_checkout_billing' ); ?>
        <?php do_action( 'woocommerce_checkout_after_customer_details' ); ?>
	      <?php wc_get_template( 'checkout/terms.php' ); ?>
	      <?php do_action( 'woocommerce_review_order_before_submit' ); ?>
	      <?php echo apply_filters( 'woocommerce_order_button_html', '<button
            type="submit"
            class="button alt bg-brand-1 text-white-1 font-light px-4 h-50px w-full mb-14px flex justify-center items-center"
            name="woocommerce_checkout_place_order"
            id="place_order"
            value="place_order"
            data-value="' . __('Complete checkout') .'">
              ' . __('Complete checkout') . '
            </button>' ); // @codingStandardsIgnoreLine ?>
	      <?php do_action( 'woocommerce_review_order_after_submit' ); ?>
      </div>
    </div>
    <div class="w-full lg:w-2/5">
      <div>
        <?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>
      </div>
      <div class="border border-gray-6 p-8 lg:p-50px">
        <?php do_action( 'woocommerce_checkout_before_order_review' ); ?>
        <div id="order_review" class="woocommerce-checkout-review-order mb-4">
          <div class="mb-3 border-gray-6">Suitcase Overview</div>
          <div class="mb-8">
            <?php do_action( 'woocommerce_checkout_order_review' ); ?>
          </div>
        </div>
        <?php do_action( 'woocommerce_checkout_after_order_review' ); ?>
        <div class="form-row place-order">
          <noscript>
            <?php
            /* translators: $1 and $2 opening and closing emphasis tags respectively */
            printf( esc_html__( 'Since your browser does not support JavaScript, or it is disabled, please ensure you click the %1$sUpdate Totals%2$s button before placing your order. You may be charged more than the amount stated above if you fail to do so.', 'woocommerce' ), '<em>', '</em>' );
            ?>
            <br/><button type="submit" class="button alt bg-brand-1 text-white-1 font-light px-4 h-50px w-full mb-14px flex items-center" name="woocommerce_checkout_update_totals" value="<?php esc_attr_e( 'Update totals', 'woocommerce' ); ?>"><?php esc_html_e( 'Update totals', 'woocommerce' ); ?></button>
          </noscript>
        </div>
      </div>
    </div>
  </div>
  <?php wp_nonce_field( 'woocommerce-process_checkout', 'woocommerce-process-checkout-nonce' ); ?>
</form>

<?php do_action( 'woocommerce_after_checkout_form', $checkout ); ?>