JezK

Edit File: editProfile.php

<?php include("header.php"); ?>
<style>
    div.dataTables_wrapper div.dataTables_filter {
        position: absolute;
        top: 154px;
    }

.page {
        height: 100% !important;
    }
</style>
<section class="section-padding px-4 h-100">
    <div class="container bg-white h-100">
        <div class="row">
            <div class="col-12 col-sm-12 my-3 border-bottom">
                <form action="#" method="POST" class="container">
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-3">
                            <div class="form-group">
                                <img class="img w-100" src="img/dummybusinesspic.png" />
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-9">
                            <div class="d-flex justify-content-between">
                                <div class="form-group w-50 pr-4">
                                    <label for="businessName" class="fieldName">Business Name</label>
                                    <input type="text" class="form-control formField-control" name="businessName" id="businessName">
                                </div>
                                <div class="form-group w-50 pr-4">
                                    <label for="ownerOfBusiness" class="fieldName">Owner</label>
                                    <input type="text" class="form-control formField-control" name="ownerOfBusiness" id="ownerOfBusiness">
                                </div>
                            </div>
                            <div class="d-flex justify-content-between">
                                <div class="form-group w-50 pr-4">
                                    <label for="businessmanProfession" class="fieldName">Profession</label>
                                    <input type="text" class="form-control formField-control" name="businessmanProfession" id="businessmanProfession">
                                </div>
                                <div class="form-group w-50 pr-4">
                                    <label for="emailAddress" class="fieldName">Email Address</label>
                                    <input type="email" class="form-control formField-control" name="emailAddress" id="emailAddress">
                                </div>
                            </div>
                            <div class="d-flex justify-content-between">
                                <div class="form-group w-50 pr-4">
                                    <label for="mobileNumber" class="fieldName">Mobile Number</label>
                                    <input type="tel" class="form-control formField-control" name="mobileNumber" id="mobileNumber">
                                </div>
                                <div class="form-group w-50 pr-4">
                                    <label for="areaLocation" class="fieldName">Location</label>
                                    <textarea class="form-control formField-control resize-none" name="areaLocation" id="areaLocation" rows="1"></textarea>
                                </div>
                            </div>
                            <div class="d-flex">
                                <div class="form-group w-50 pr-4">
                                    <label for="username" class="fieldName">Username</label>
                                    <input type="text" class="form-control formField-control" name="username" id="username">
                                </div>
                                <div class="form-group w-50 mt-4 mb-2">
                                    <button type="submit" class="btn basic-btn-color w-75">Edit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-12 col-sm-12 my-3 border-bottom">
                <h5 class="text-uppercase px-3"><small>Membership Details</small></h5>
                <form action="#" method="POST" class="form-inline px-3">
                    <div class="form-group flex-column justify-content-start align-items-start">
                        <label for="businessName" class="fieldName">Payment Type</label>
                        <input type="text" class="form-control formField-control" name="businessName" id="businessName">
                    </div>
                    <div class="form-group flex-column justify-content-start align-items-start">
                        <label for="ownerOfBusiness" class="fieldName">Memebership Start Date</label>
                        <input type="text" class="form-control formField-control" name="ownerOfBusiness" id="ownerOfBusiness">
                    </div>
                    <div class="form-group flex-column justify-content-start align-items-start">
                        <label for="businessName" class="fieldName">Memebership End Date</label>
                        <input type="text" class="form-control formField-control" name="businessName" id="businessName">
                    </div>
                    <div class="form-group flex-column justify-content-start align-items-start">
                        <label for="ownerOfBusiness" class="fieldName">Memebership Plan</label>
                        <input type="text" class="form-control formField-control" name="ownerOfBusiness" id="ownerOfBusiness">
                    </div>
                    
                </form>
            </div>
            <div class="col-12 col-sm-12 my-3 border-bottom">
                <h5 class="text-uppercase px-3"><small>Account Details</small></h5>
                <form action="#" method="POST" class="container">
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-12">
                            <div class="d-flex justify-content-between">
                                <div class="form-group w-50 pr-4">
                                    <label for="businessName" class="fieldName">Bank Name</label>
                                    <input type="text" class="form-control formField-control" name="businessName" id="businessName">
                                </div>
                                <div class="form-group w-50 pr-4">
                                    <label for="ownerOfBusiness" class="fieldName">Account Name</label>
                                    <input type="text" class="form-control formField-control" name="ownerOfBusiness" id="ownerOfBusiness">
                                </div>
                            </div>
                            <div class="d-flex justify-content-between">
                                <div class="form-group w-50 pr-4">
                                    <label for="businessmanProfession" class="fieldName">Account Number</label>
                                    <input type="text" class="form-control formField-control" name="businessmanProfession" id="businessmanProfession">
                                </div>
                                <div class="form-group w-50 pr-4">
                                    <label for="emailAddress" class="fieldName">Paypal ID</label>
                                    <input type="email" class="form-control formField-control" name="emailAddress" id="emailAddress">
                                </div>
                            </div>
                            <div class="d-flex">
                                <div class="form-group w-50 mt-4 mb-2">
                                    <button type="submit" class="btn basic-btn-color w-75">Update</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<?php include("footer.php"); ?>