@php use App\Models\Order\Order; @endphp
@php /** @var Order $order */ @endphp

@extends('shop::layout.main')

@section('title',  $order->prefixed_id)
@section('meta_title',  trans('shop-seo.order_meta_title'))
@section('meta_description',  trans('shop-seo.order_meta_description'))

@section('content-wrapper')

    <div class="container-lg">

        <section class="section text-center">
            <div class="section__header">
                <div class="section__header-icon">
                    <img src="{{ asset('shop/images/thanks-tick.jpg') }}" alt="Success">
                </div>

                <h1 class="section__title">{{ $order->prefixed_id }}</h1>

                <div class="section__text">
                    @if($order->is_paid)
                        {!! __('shop-order.page_payment_received_message') !!}
                    @else
                        {!! __('shop-order.page_no_payment_message') !!}
                    @endif
                </div>
            </div>

            <p>
                <a class="link  link--blue  fw-500" href="{{ route('invoice.download', ['uuid' => $order->uuid]) }}"
                   title="{{ __('shop-order.page_download_invoice') }}">
                    {{ __('shop-order.page_invoice', ['invoice_number' => $order->prefixed_id]) }}
                </a>
            </p>

            @if($order->can_make_payment_again)
                <p class="mt-5">
                    <a class="btn  btn--green  btn--md" href="{{ route('order.payment', ['uuid' => $order->uuid]) }}"
                       title="{{ __('shop-order.page_pay_again', ['price' => $order->formatted_total_price_with_tax]) }}">
                        {{ __('shop-order.page_pay_again', ['price' => $order->formatted_total_price_with_tax]) }}
                    </a>
                </p>
            @else
                <p class="mt-5">
                    <a class="link  link--blue  fw-500" href="{{ route('home') }}" title="Home page">
                        {{ __('shop-order.page_home_page') }}
                    </a>
                </p>
            @endif

        </section><!-- /.section -->
    </div><!-- /.container -->

@endsection