@extends('shared.front')
@section('content')
    <div class="gbn-wc-theme">
        <section class="single-page cart-complete">
            <div class="single-page__container">
                <span class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="59" viewBox="0 0 60 59" fill="none">
                        <g clip-path="url(#clip0_1121_8115)">
                            <path
                                d="M29.9996 3.27783C24.8133 3.27783 19.7435 4.81574 15.4313 7.69707C11.1191 10.5784 7.7581 14.6738 5.7734 19.4652C3.78871 24.2567 3.26942 29.5291 4.28121 34.6158C5.293 39.7024 7.79042 44.3747 11.4577 48.042C15.1249 51.7092 19.7973 54.2066 24.8839 55.2184C29.9705 56.2302 35.2429 55.7109 40.0344 53.7262C44.8259 51.7415 48.9212 48.3806 51.8026 44.0683C54.6839 39.7561 56.2218 34.6863 56.2218 29.5001C56.2218 22.5455 53.4591 15.8758 48.5415 10.9581C43.6239 6.04052 36.9541 3.27783 29.9996 3.27783ZM29.9996 52.4445C25.4616 52.4445 21.0255 51.0988 17.2523 48.5777C13.4791 46.0565 10.5383 42.4731 8.80168 38.2805C7.06506 34.088 6.61069 29.4746 7.496 25.0238C8.38132 20.573 10.5666 16.4847 13.7754 13.2759C16.9842 10.067 21.0726 7.8818 25.5233 6.99648C29.9741 6.11116 34.5875 6.56554 38.78 8.30215C42.9726 10.0388 46.556 12.9796 49.0772 16.7528C51.5984 20.526 52.944 24.9621 52.944 29.5001C52.944 35.5853 50.5267 41.4213 46.2238 45.7242C41.9208 50.0271 36.0848 52.4445 29.9996 52.4445Z"
                                fill="#FAAD4B" />
                            <path
                                d="M46.389 19.8306C46.0819 19.5253 45.6665 19.354 45.2336 19.354C44.8006 19.354 44.3852 19.5253 44.0781 19.8306L25.8865 37.9403L16.0531 28.107C15.7532 27.7831 15.337 27.5917 14.8959 27.5748C14.4549 27.5579 14.0252 27.7169 13.7013 28.0168C13.3775 28.3167 13.1861 28.733 13.1692 29.1741C13.1523 29.6151 13.3113 30.0448 13.6112 30.3686L25.8865 42.6111L46.389 22.1578C46.5426 22.0054 46.6645 21.8242 46.7477 21.6245C46.8309 21.4248 46.8738 21.2105 46.8738 20.9942C46.8738 20.7778 46.8309 20.5636 46.7477 20.3639C46.6645 20.1642 46.5426 19.9829 46.389 19.8306Z"
                                fill="#FAAD4B" />
                        </g>
                        <defs>
                            <clipPath id="clip0_1121_8115">
                                <rect width="59" height="59" fill="white" transform="translate(0.5)" />
                            </clipPath>
                        </defs>
                    </svg>
                </span>
                <h2 class="page-title text-center">{{ __('messages.thankyou.order_success') }}</h2>
                <p style="margin-bottom: 0">{{ __('messages.thankyou.thankyou_statement') }}</p>
                <p style="display: flex; align-items: center">{{ __('messages.thankyou.orderId') }}
                    <strong style="font-size: 40px; margin-left: 30px">{{ request()->get('id') }}</strong>
                </p>
                <p>{!! __('messages.thankyou.contact') !!}</p>
                <p style="margin-bottom: 0">{!! __('messages.thankyou.call_hotline') !!}</p>

                <div class="group-cta">
                    <a href="{{ action('HomeController@index') }}" class="btn submit-btn btn-outline">
                        <span class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none">
                                <path d="M6.96967 9.46967C6.67678 9.76256 6.67678 10.2374 6.96967 10.5303L11.7426 15.3033C12.0355 15.5962 12.5104 15.5962 12.8033 15.3033C13.0962 15.0104 13.0962 14.5355 12.8033 14.2426L8.56066 10L12.8033 5.75736C13.0962 5.46447 13.0962 4.98959 12.8033 4.6967C12.5104 4.40381 12.0355 4.40381 11.7426 4.6967L6.96967 9.46967ZM8.5 9.25L7.5 9.25L7.5 10.75L8.5 10.75L8.5 9.25Z" fill="#FAAD4B"/>
                              </svg>
                        </span>
                        {{ __('messages.thankyou.back_to_homepage') }}
                    </a>
                    <a href="{{ route('home.order_tracking', ['phone' => $order->phone, 'orderId' => $order->id]) }}" class="btn submit-btn">
                        {{ __('messages.thankyou.tracking_order') }}
                    </a>
                </div>
            </div>
        </section>

    </div>
@endsection
@include('home.elements.affiliate')