<?php include 'header.php'; ?>
<?php include '_top-header.php'; ?>

<div class="page">

    <div class="container p-0">

        <div class="profile-layout">

            <div class="start">
                <?php include '_profile-layout-side-menu.php' ?>
            </div><!-- start -->

            <div class="end">

                <div class="card">

                    <div class="flex-between h-40px mb-3">

                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Create Store</li>
                        </ol>

                    </div>

                    <div class="steps-wizard-wrapper">

                        <div class="start">

                            <div class="steps-wrapper">

                                <a href="profile-create-store-1.php" class="step done">
                                    <i class="icon-check"></i>
                                    <span class="show-lg"> Post Details </span>
                                    <span class="show-sm"> Details</span>
                                </a>

                                <a href="profile-create-store-2.php" class="step done">
                                    <i class="icon-check"></i>
                                    <span class="show-lg"> target audience </span>
                                    <span class="show-sm"> information</span>
                                </a>

                                <a href="profile-create-store-3.php" class="step done">
                                    <i class="icon-check"></i>
                                    <span class="show-lg"> Package </span>
                                    <span class="show-sm"> Package</span>
                                </a>

                                <a href="profile-create-store-4.php" class="step current">
                                    <i class="icon-check"></i>
                                    <span class="show-lg"> Post Review </span>
                                    <span class="show-sm"> Review</span>
                                </a>
                            </div>

                        </div> <!-- start -->

                        <div class="center">

                            <div class="form-group">
                                <label> Website (optional) </label>
                                <input type="text" class="form-control" placeholder="Website (optional)">
                            </div>

                            <div class="form-group">
                                <label> Facebook (optional) </label>
                                <input type="text" class="form-control" placeholder="Facebook (optional)">
                            </div>

                            <div class="form-group">
                                <label> Instagram (optional) </label>
                                <input type="text" class="form-control" placeholder="Instagram (optional)">
                            </div>

                            <div class="form-group">
                                <label> Whatsapp (optional) </label>
                                <input type="text" class="form-control" placeholder="Whatsapp (optional)">
                            </div>

                            <div class="form-group">
                                <label> TikTok (optional) </label>
                                <input type="text" class="form-control" placeholder="TikTok (optional)">
                            </div>

                        </div><!-- center -->

                        <div class="end">

                            <div class="row">

                                <div class="col-6">
                                    <a href="#" class="btn btn-outline-primary"> Back </a>
                                </div>

                                <div class="col-6">
                                    <div class="flex-end w-100 gap-3">
                                        <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#create-store-modal"> Create store </a>

                                    </div>
                                </div>

                            </div>

                        </div><!-- end -->

                    </div><!-- steps-wizard-wrapper -->

                </div> <!-- card -->

            </div> <!-- end -->

        </div> <!-- profile-layout -->

    </div> <!-- container -->

</div> <!-- page -->

<?php include 'footer.php'; ?>











<div class="modal fade" id="create-store-modal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">

            <div class="modal-body">

                <div class="mb-3 text-center">

                    <img src="assets/img/create-post-success.svg" class="w-150px mb-3">

                    <h6 class="bold text-center mb-2"> We’re thrilled to welcome you </h6>

                    <p class="color-gray font-light"> Your store registration has been received. Please expect a call from our team soon to confirm your details. Once verified, your store will be published and visible to customers. </p>

                </div>

                <div class="modal-buttons text-center">
                    <button class="btn btn-primary w-100 mb-2"> Back to home </button>
                </div>

            </div>

        </div> <!-- modal-content -->

    </div> <!-- modal-dialog -->

</div> <!-- modal -->