@extends('plugins/ecommerce::orders.master')

@section('title', __('Order successfully. Order number :id', ['id' => $order->code]))

@section('content')
    <div class="row">
        <div class="col-lg-7 col-md-6 col-12">
            @include('plugins/ecommerce::orders.partials.logo')

            <div class="thank-you">
                <x-core::icon name="ti ti-circle-check-filled" />

                <div class="d-inline-block">
                    <h3 class="thank-you-sentence">
                        {{ __('Your order is successfully placed') }}
                    </h3>
                    <p>{{ __('Thank you for purchasing our products!') }}</p>
                </div>
            </div>

            @include('plugins/ecommerce::orders.thank-you.customer-info', compact('order'))

             <div class="bb-order-actions d-flex flex-wrap gap-2">
                <a class="btn btn-sm btn-success" style="font-size: 14px;"
                    href="{{ route('sales.orders.customer.download.pdf', $order->id) }}">
                    <x-core::icon name="ti ti-download" />
                    {{ __('Download invoice') }}
                </a>
            </div>
                @if (EcommerceHelper::isPaymentProofEnabled())
                    @if ($order->canBeCanceled())
                        <div class="bb-payment-proof-card">
                            <div class="bb-payment-proof-card-content">
                                <div class="bb-payment-proof-card-icon">
                                    {{-- <x-core::icon name="ti ti-receipt" class="payment-icon" /> --}}
                                </div>
                                <div class="bb-payment-proof-card-details order-customer-info">
                                    <h3>{{ __('Payment Proof') }}</h3>
                                    <x-core::form method="post" :files="true" class="customer-order-upload-receipt"
                                        :url="route('orders.upload-proof', $order)">
                                        <div class="bb-payment-proof-card-content-inner">
                                            <div class="bb-payment-proof-card-message">
                                                @if (!$order->proof_file)
                                                    <p class="mb-3">
                                                        {{ __('The order is currently being processed. For expedited processing, kindly upload a copy of your payment proof:') }}
                                                    </p>
                                                @else
                                                    <p class="mb-2">{{ __('You have uploaded a copy of your payment proof.') }}
                                                    </p>
                                                    <div class="bb-payment-proof-card-file mb-3">
                                                        <span class="label">{{ __('View Receipt:') }}</span>
                                                        <a href="{{ route('orders.download-proof', $order) }}"
                                                            target="_blank" class="value">
                                                            <x-core::icon name="ti ti-file" />
                                                            {{ $order->proof_file }}
                                                        </a>
                                                    </div>
                                                    <p class="mb-3 fw-medium">
                                                        {{ __('Or you can upload a new one, the old one will be replaced.') }}</p>
                                                @endif
                                            </div>
                                            <div class="bb-payment-proof-card-upload">
                                                <div class="input-group">
                                                    <input type="file" name="file" id="file" class="form-control" style="height: 36px !important;">
                                                    <button type="submit" class="btn btn-primary upload-proof-btn" style="height: 36px !important;">
                                                        <x-core::icon name="ti ti-upload" />
                                                        {{ __('Upload') }}
                                                    </button>
                                                </div>
                                                <small
                                                    class="text-muted d-block mt-2">{{ __('You can upload the following file types: jpg, jpeg, png, pdf and max file size is 2MB.') }}</small>
                                            </div>
                                        </div>
                                    </x-core::form>
                                </div>
                            </div>
                        </div>
                    @elseif ($order->proof_file)
                        <div class="bb-payment-proof-card">
                            <div class="bb-payment-proof-card-content">
                                <div class="bb-payment-proof-card-icon">
                                    <x-core::icon name="ti ti-receipt" class="payment-icon" />
                                </div>
                                <div class="bb-payment-proof-card-details">
                                    <h5 class="bb-payment-proof-card-title">{{ __('Payment Proof') }}</h5>
                                    <div class="bb-payment-proof-card-content-inner">
                                        <div class="bb-payment-proof-card-message">
                                            <p class="mb-2">{{ __('You have uploaded a copy of your payment proof.') }}</p>
                                            <div class="bb-payment-proof-card-file">
                                                <span class="label">{{ __('View Receipt:') }}</span>
                                                <a href="{{ route('customer.orders.download-proof', $order) }}" target="_blank"
                                                    class="value">
                                                    <x-core::icon name="ti ti-file" />
                                                    {{ $order->proof_file }}
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                 @endif
            <a class="btn payment-checkout-btn"
             {{-- href="{{ BaseHelper::getHomepageUrl() }}" --}}
             href="{{ route('public.products') }}">
                {{ __('Continue shopping') }}
            </a>
        </div>
        <div class="col-lg-5 col-md-6 d-none d-md-block mt-5 mt-md-0 mb-5">
            <div class="my-3 bg-light p-3">
                @include('plugins/ecommerce::orders.thank-you.order-info')

                @include('plugins/ecommerce::orders.thank-you.total-info', ['order' => $order])
            </div>
        </div>
    </div>
@stop