<?php
session_start();
if (!isset($_SESSION['orders'])) {
    $_SESSION['orders'] = [];
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = htmlspecialchars($_POST['name'] ?? '');
    $type = htmlspecialchars($_POST['type'] ?? '');
    $options = $_POST['options'] ?? [];
    if ($name && $type) {
        $_SESSION['orders'][] = ['name' => $name, 'type' => $type, 'options' => $options];
    }
}
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Страхование</title>
    <style>
        body { font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: auto; position: relative; }
        .title { position: absolute; top: 20px; left: 20px; font-size: 24px; font-weight: bold; }
        .form-wrapper { margin-top: 60px; }
        .card { border: 1px solid #ccc; padding: 16px; border-radius: 10px; margin-bottom: 12px; }
        input, select, button { display: block; margin-top: 8px; padding: 8px; width: 100%; }
        .sub-options { display: none; margin-top: 8px; }
    </style>
</head>
<body>
    <div class="title">Страхование</div>
    <div class="form-wrapper">
        <form method="POST">
            <div class="card">
                <input type="text" name="name" placeholder="Ваше имя" required>
                <select name="type" id="type-select" required>
                    <option value="">Выберите тип страховки</option>
                    <option value="Авто">Авто</option>
                    <option value="Здоровье">Здоровье</option>
                    <option value="Путешествие">Путешествие</option>
                    <option value="Инвестиции">Инвестиции</option>
                    <option value="Имущество">Имущество</option>
                </select>

                <div class="sub-options" id="Авто-options">
                    <small>Дополнительно для автострахования:</small>
                    <label><input type="checkbox" name="options[]" value="КАСКО"> КАСКО</label>
                    <label><input type="checkbox" name="options[]" value="ОСАГО"> ОСАГО</label>
                    <label><input type="checkbox" name="options[]" value="Техпомощь"> Техпомощь</label>
                </div>

                <div class="sub-options" id="Здоровье-options">
                    <small>Дополнительно для страхования здоровья:</small>
                    <label><input type="checkbox" name="options[]" value="Стоматология"> Стоматология</label>
                    <label><input type="checkbox" name="options[]" value="Онкология"> Онкология</label>
                    <label><input type="checkbox" name="options[]" value="Хирургия"> Хирургия</label>
                </div>

                <div class="sub-options" id="Путешествие-options">
                    <small>Дополнительно для путешествий:</small>
                    <label><input type="checkbox" name="options[]" value="Отмена поездки"> Отмена поездки</label>
                    <label><input type="checkbox" name="options[]" value="Медпомощь за границей"> Медпомощь за границей</label>
                    <label><input type="checkbox" name="options[]" value="Утеря багажа"> Утеря багажа</label>
                </div>

                <div class="sub-options" id="Инвестиции-options">
                    <small>Дополнительно для инвестиционного страхования:</small>
                    <label><input type="checkbox" name="options[]" value="Стабильный доход"> Стабильный доход</label>
                    <label><input type="checkbox" name="options[]" value="Гарантированный возврат"> Гарантированный возврат</label>
                    <label><input type="checkbox" name="options[]" value="Дивиденды"> Дивиденды</label>
                </div>

                <div class="sub-options" id="Имущество-options">
                    <small>Дополнительно для имущества:</small>
                    <label><input type="checkbox" name="options[]" value="Пожар"> Пожар</label>
                    <label><input type="checkbox" name="options[]" value="Кража"> Кража</label>
                    <label><input type="checkbox" name="options[]" value="Наводнение"> Наводнение</label>
                </div>

                <button type="submit">Создать заказ</button>
            </div>
        </form>

        <?php foreach (array_reverse($_SESSION['orders']) as $order): ?>
            <div class="card">
                <p><strong>Имя:</strong> <?= $order['name'] ?></p>
                <p><strong>Тип страховки:</strong> <?= $order['type'] ?></p>
                <?php if (!empty($order['options'])): ?>
                    <p><strong>Дополнительно:</strong> <?= implode(', ', $order['options']) ?></p>
                <?php endif; ?>
            </div>
        <?php endforeach; ?>
    </div>

    <script>
        const selectType = document.getElementById('type-select');
        const subOptionDivs = document.querySelectorAll('.sub-options');

        function showRelevantOptions() {
            subOptionDivs.forEach(div => div.style.display = 'none');
            const selected = selectType.value;
            const target = document.getElementById(`${selected}-options`);
            if (target) target.style.display = 'block';
        }

        selectType.addEventListener('change', showRelevantOptions);
        window.addEventListener('DOMContentLoaded', showRelevantOptions);
    </script>
</body>
</html>
this is my current code, can you generate an image mockup of it?