<?php include('partials/app-html.php'); ?>

<head>
    <?php $pageTitle = "Email Design"; include('partials/app-meta-title.php'); ?>

    <?php include('partials/app-head-css.php'); ?>
</head>

<body>

    <div class="app-wrap">

        <?php include('partials/app-header.php'); ?>

        <?php include('partials/app-sidebar.php'); ?>

        <main class="app-body">
            <div class="app-content">

                <div class="content-wrapper">

                    <?php $pageTitle = "Email Design"; $pageSubTitle1 = "Layouts"; $pageSubTitle2 = "Authentication"; $pageSubText = "Variety of email designs for different scenarios."; include('partials/app-pagetitle.php'); ?>

                    <div class="main-content">
                        <div class="info-container">
                            <p class="mb-0">
                                You can find your email templates inside the source directory <code>SmartAdmin/src/e-templates</code>
                            </p>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">

                                <div class="card m-auto border mb-g">
                                    <div class="card-header d-flex align-items-center justify-content-between">
                                        Order Confirmation
                                    </div>
                                    <div class="card-body">
                                        <img src="/public/img/demo/pages/email-order.webp" alt="Login Page" class="img-fluid inverse-color">
                                    </div>
                                </div>

                                <div class="card m-auto border  mb-g">
                                    <div class="card-header d-flex align-items-center justify-content-between">
                                        New Device Detected
                                    </div>
                                    <div class="card-body">
                                        <img src="/public/img/demo/pages/new-device.webp" alt="New Device Detected" class="img-fluid inverse-color">
                                    </div>
                                </div>

                                <div class="card m-auto border">
                                    <div class="card-header d-flex align-items-center justify-content-between">
                                        Verify Email
                                    </div>
                                    <div class="card-body">
                                        <img src="/public/img/demo/pages/verify-email.webp" alt="Verify Email" class="img-fluid inverse-color">
                                    </div>
                                </div>

                            </div>

                            <div class="col-sm-6">

                                <div class="card m-auto border mb-g">
                                    <div class="card-header d-flex align-items-center justify-content-between">
                                        Password Change Request
                                    </div>
                                    <div class="card-body">
                                        <img src="/public/img/demo/pages/password-request.webp" alt="Password Change Request" class="img-fluid inverse-color">
                                    </div>
                                </div>

                                <div class="card m-auto border">
                                    <div class="card-header d-flex align-items-center justify-content-between">
                                        One Time Code
                                    </div>
                                    <div class="card-body">
                                        <img src="/public/img/demo/pages/password-reset.webp" alt="Password Reset" class="img-fluid inverse-color">
                                    </div>
                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <?php include('partials/app-footer.php'); ?>

        </main>

        <?php include('partials/app-drawer.php'); ?>

        <?php include('partials/app-settings.php'); ?>

    </div>

    <?php include('partials/app-scripts.php'); ?>

</body>

</html>