<?php

$pageTitle =
    'Đặt hàng thành công - PET SPA';

require BASE_PATH
    . '/app/views/layouts/header.php';

require BASE_PATH
    . '/app/views/layouts/navbar.php';

?>

<main>

    <section class="section">

        <div class="container">

            <div
                class="order-success mx-auto"
            >

                <div
                    class="order-success-icon"
                >
                    ✓
                </div>


                <h1>
                    Đặt hàng thành công!
                </h1>


                <p class="text-muted">

                    Cảm ơn bạn đã mua hàng tại PET SPA.

                </p>


                <div class="order-success-code">

                    Mã đơn hàng:

                    <strong>

                        <?= htmlspecialchars(
                            $order[
                                'order_code'
                            ]
                        ) ?>

                    </strong>

                </div>


                <div class="order-success-details">

                    <div>

                        <span>
                            Người nhận
                        </span>

                        <strong>

                            <?= htmlspecialchars(
                                $order[
                                    'recipient_name'
                                ]
                            ) ?>

                        </strong>

                    </div>


                    <div>

                        <span>
                            Số điện thoại
                        </span>

                        <strong>

                            <?= htmlspecialchars(
                                $order[
                                    'recipient_phone'
                                ]
                            ) ?>

                        </strong>

                    </div>


                    <div>

                        <span>
                            Địa chỉ
                        </span>

                        <strong>

                            <?= htmlspecialchars(
                                $order[
                                    'shipping_address'
                                ]
                            ) ?>

                        </strong>

                    </div>


                    <div>

                        <span>
                            Thanh toán
                        </span>

                        <strong>

                            <?= $order[
                                'payment_method'
                            ] === 'cod'
                                ? 'Thanh toán khi nhận hàng'
                                : 'Chuyển khoản ngân hàng'
                            ?>

                        </strong>

                    </div>

                </div>


                <h3 class="mt-4 mb-3">

                    Sản phẩm

                </h3>


                <?php foreach (
                    $orderItems
                    as $item
                ): ?>

                    <div
                        class="order-success-product"
                    >

                        <div>

                            <?= htmlspecialchars(
                                $item[
                                    'product_name'
                                ]
                            ) ?>

                            ×

                            <?= (int)
                                $item[
                                    'quantity'
                                ]
                            ?>

                        </div>


                        <strong>

                            <?= number_format(
                                (float)
                                $item[
                                    'line_total'
                                ],
                                0,
                                ',',
                                '.'
                            ) ?>đ

                        </strong>

                    </div>

                <?php endforeach; ?>


                <hr>


                <div class="order-success-total">

                    <span>
                        Tổng thanh toán
                    </span>

                    <strong>

                        <?= number_format(
                            (float)
                            $order[
                                'total_amount'
                            ],
                            0,
                            ',',
                            '.'
                        ) ?>đ

                    </strong>

                </div>


                <?php if (
                    $order[
                        'payment_method'
                    ]
                    === 'bank_transfer'
                ): ?>

                    <div
                        class="alert alert-info mt-4 text-start"
                    >

                        <strong>
                            Chuyển khoản ngân hàng
                        </strong>

                        <p class="mb-0 mt-2">

                            Sau này thông tin tài khoản ngân hàng
                            của Shop sẽ được lấy từ phần Cài đặt
                            cửa hàng.

                        </p>

                        <p class="mb-0 mt-2">

                            Nội dung:

                            <strong>

                                <?= htmlspecialchars(
                                    $order[
                                        'order_code'
                                    ]
                                ) ?>

                            </strong>

                        </p>

                    </div>

                <?php endif; ?>


                <div
                    class="d-flex gap-2 justify-content-center flex-wrap mt-4"
                >

                    <a
                        href="<?= BASE_URL ?>/?url=customer/orders"
                        class="btn btn-primary"
                    >
                        Xem đơn hàng
                    </a>


                    <a
                        href="<?= BASE_URL ?>/?url=products"
                        class="btn btn-outline-dark"
                    >
                        Tiếp tục mua hàng
                    </a>

                </div>

            </div>

        </div>

    </section>

</main>


<?php

require BASE_PATH
    . '/app/views/layouts/footer.php';

?>