@extends('frontend.layouts.app')
@section('title-suffix')
    Confirmation
@endsection
@section('main-content')
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="breadcrumb_iner">
                        <div class="breadcrumb_iner_item">
                            <h2>Confirmation</h2>
                            <p>{{ __('Confirmation.breadcrumb-1') }}<span>></span>{{ __('Confirmation.breadcrumb-2') }}<span>></span>{{ __('Confirmation.breadcrumb-3') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="confirmation_part padding_top">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="confirmation_tittle">
                        <span>{{ __('confirmation.success') }}</span>
                    </div>
                </div>
                <div class="col-lg-6 col-lx-4">
                    <div class="single_confirmation_details">
                        <h4>{{ __('confirmation.body-title-1') }}</h4>
                        <ul>
                            <li>
                                <p>{{ __('confirmation.order-number') }}</p><span>:&nbsp;{{ $order_number ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('Date') }}</p><span>:&nbsp;{{ $date ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('Total') }}</p><span>:&nbsp;{{ $total ?? 0 }}&nbsp;FCFA</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.payment-method') }}</p><span>:&nbsp;{{ $payment_method->method ?? '' }} R.A.S</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-lx-4">
                    <div class="single_confirmation_details">
                        <h4>{{ __('confirmation.body-title-2') }}</h4>
                        <ul>
                            <li>
                                <p>{{ __('confirmation.city') }}</p><span>:&nbsp;{{ $city ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.state') }}</p><span>:&nbsp;{{ $state ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.country') }}</p><span>:&nbsp;{{ $country ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.zip') }}</p><span>:&nbsp;{{ $postcode ?? '' }} R.A.S</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-lx-4">
                    <div class="single_confirmation_details">
                        <h4>{{ __('confirmation.body-title-3') }}</h4>
                        <ul>
                            <li>
                                <p>{{ __('confirmation.city') }}</p><span>:&nbsp;{{ $city ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.state') }}</p><span>:&nbsp;{{ $state ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.country') }}</p><span>:&nbsp;{{ $country ?? '' }} R.A.S</span>
                            </li>
                            <li>
                                <p>{{ __('confirmation.zip') }}</p><span>:&nbsp;{{ $postcode ?? '' }} R.A.S</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 mb-4">
                    <div class="order_details_iner">
                        <h3>{{ __('confirmation.body-title-4') }}</h3>
                        <table class="table table-borderless">
                            <thead>
                                <tr>
                                    <th scope="col" colspan="2">{{ __('confirmation.thead-product') }}</th>
                                    <th scope="col">{{ __('confirmation.thead-quantity') }}</th>
                                    <th scope="col">{{ __('Total') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!isset($products))
                                    <tr>
                                        <td colspan="2"><span>{{ __('confirmation.empty-order') }}</span></td>
                                        <td></td>
                                        <td> <span></span></td>
                                    </tr>
                                @else
                                    @foreach ($products as $key => $product)
                                        <tr>
                                            <td colspan="2"><span>{{ $product['name'] }}</span></td>
                                            <td>{{ $product['quantity'] }}</td>
                                            <td> <span>{{ $product['total'] }}&nbsp;FCFA</span></td>
                                        </tr>
                                    @endforeach
                                @endif
                                <tr>
                                    <td colspan="3">{{ __('confirmation.subtotal') }}</td>
                                    <td> <span>{{ $subtotal ?? 0 }}</span></td>
                                </tr>
                                <tr>
                                    <td colspan="3">{{ __('confirmation.shipping') }}</td>
                                    <td><span>{{ __('confirmation.flat-rate-span') }}:&nbsp;{{ $shipping_cost ?? 0 }}</span></td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th scope="col" colspan="3">{{ __('Total') }}</th>
                                    <th scope="col">&nbsp;{{ $total ?? 0 }}&nbsp;FCFA</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection