<?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 current">
                                    <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">
                                    <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">
                                    <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">

                            <p class="lead font-medium mb-2"> Commercial License </p>

                            <div class="upload-image-with-inside-thumbnail-wrapper upload-wrapper mb-4">

                                <label for="upload-image1" class="cursor-pointer w-100 m-0">

                                    <img id="image-preview" src="assets/img/bg-white.svg" alt="Upload" class="img-fluid upload-thumbnail d-none">

                                    <div class="pdf-preview d-none icon-xxl color-primary">
                                        <img src="assets/img/pdf.png">
                                    </div>

                                    <div class="upload-side">
                                        <div class="flex-center flex-column gap-1 color-primary">
                                            <p class="m-0"> Upload Image </p>
                                            <i class="icon icon-image icon-xxl"></i>
                                        </div>
                                    </div>

                                </label>

                                <input type="file" id="upload-image1" class="upload-input" accept="image/*" hidden>

                            </div> <!-- upload-image-with-inside-thumbnail-wrapper -->

                            <div class="form-group">
                                <label> License number </label>
                                <input type="text" class="form-control" placeholder="License number">
                            </div>

                            <div class="form-group">
                                <label> Commercial license issue date </label>
                                <input type="text" class="form-control" placeholder="Commercial license issue date">
                            </div>

                            <div class="form-group">
                                <label> Commercial license Expiry date </label>
                                <input type="text" class="form-control" placeholder="Commercial license Expiry date">
                            </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-faded"> Save & Exit </a>
                                        <a href="profile-create-store-2-1.php" class="btn btn-primary"> Next </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'; ?>