@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('home_site_title') ?? env('APP_NAME'),
        'description' =>nova_get_setting_translate('home_site_description') ?? env('APP_NAME'),
        'keywords' => nova_get_setting_translate('home_site_keywords') ?? env('APP_NAME'),
        'image' => LaravelLocalization::getCurrentLocaleDirection() == 'rtl' ? Storage::url($settings['logo_arabic']) : Storage::url($settings['logo_english']),
        'schema' => $settings['home_schema'] ?? ''
       ])
@endsection
@section('content')
    <main class="main">
        <div class="mb-2"></div>

        <div class="container mt-5">
            <div class="row">
                <div class="col-6">

                </div>
                <div class="col-6">
                    <div class="box-left">
                        <p class="textmuted h8">{{ __('checkout.order') }}</p>
                        <div class="h8">
                            <div class="row m-0 border mb-3">
                                <div class="col-6 h8 pe-0 ps-2">
                                    <p class="textmuted py-2">{{ __('checkout.items') }}</p>
                                    <span class="d-block py-2 border-bottom">{{$product->name}}</span>
                                </div>
                                <div class="col-2 text-center border-left">
                                    <p class="textmuted p-2">{{ __('checkout.qty') }}</p>
                                    <span class="d-block p-2 border-bottom">{{$quantity}}</span>
                                </div>
                                <div class="col-2 p-0 text-center h8 border-end">
                                    <p class="textmuted p-2 border-left">{{ __('checkout.price') }}</p>
                                    <span
                                        class="d-block border-bottom py-2">{{$product->price}} {{nova_get_setting_translate('default_currency') ?? 'EGP'}}</span>
                                </div>
                                <div class="col-2 p-0 text-center">
                                    <p class="textmuted p-2 border-left">{{ __('checkout.total') }}</p>
                                    <span
                                        class="d-block py-2 border-bottom">{{$total_prices}} {{nova_get_setting_translate('default_currency') ?? 'EGP'}}</span>
                                </div>
                            </div>
                            <div class="d-flex h7 mb-2">
                                <p class="p-1">{{ __('checkout.total_amount') }} </p>
                                <p class="ms-auto p-1">{{$total_prices}} {{nova_get_setting_translate('default_currency') ?? 'EGP'}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    @include('layout.partials.faq')
    @include('layout.partials.news_letter')
@endsection