@section('title', __('checkout/thankYou.Thank you'))
@section('header-style', 'inner_nav')

@push('style')
<link rel="stylesheet" href="{{ mix('css/web/checkout/thankYou.css') }}">
@endpush

@push('script')
<script src="{{mix('js/web/checkout/thankYou.js')}}"></script>
@endpush

<x-layout>

    <section class="main_packag">
        <div class="container">
            <div class="loyality_sc text-center">
                <div class="success-icon"><i class="fa fa-check" aria-hidden="true"></i></div>
                <h1 class="mb-4">@Lang('checkout/thankYou.Thanks for your order')</h1>
                <span class="order_code mb-5">@Lang('checkout/thankYou.Order') #{{$order->order_no}}</span>
                <h4 class="mb-3">@Lang('checkout/thankYou.You have earned') </h4>
                <h4 class="mb-5"><strong>1 @Lang('checkout/thankYou.Loyality Points')</strong> </h4>
                <h4 class="mb-2">@Lang('checkout/thankYou.Your progress') </h4>
                <div>
                    @for($i=1; $i<= auth('web')->user()->loyaltyOrders->count() && $i<=5; $i++)
                    <img src="{{asset('images/web/loyalty-active.png')}}">
                    @endfor
                    @for($i=1; $i<=(5-auth('web')->user()->loyaltyOrders->count()); $i++)
                        <img src="{{asset('images/web/loyalty-inactive.png')}}">
                    @endfor
                </div>
                @if(auth()->user()->loyaltyOrders->count() >= 5)
                <h4 class="mb-4">
                    <strong>@Lang('checkout/thankYou.Congratulations!')</strong> @Lang('checkout/thankYou.You are eligible for') <span>{{config('settings.loyalty_discount')}}% @Lang('checkout/thankYou.Offer')</span> @Lang('checkout/thankYou.in your next order.')
                </h4>
                @else
                <h4 class="mb-4">
                    @Lang('checkout/thankYou.Collect') {{(5-auth()->user()->loyaltyOrders->count())}} @Lang('checkout/thankYou.additional points')<br>@Lang('checkout/thankYou.and get an automatic')
                    <span>{{config('settings.loyalty_discount')}}% @Lang('checkout/thankYou.Offer')</span>
                </h4>
                @endif

                <a href="{{ route('web_home_locale', ['locale'=>(app()->getLocale()=='en')?'en':'ar']) }}">
                    <button type="button" class="back_to_b1">@Lang('checkout/thankYou.Go Back to home page')</button>
                </a>
            </div>
        </div>
    </section>
</x-layout>