<style>
    body{background: #EAEDED;}
    /*.form-cont{width:300px;margin:auto; box-shadow:0 0 5px #EAEDED;padding:20px;}*/
    .form-cont h3{font-weight:600;font-size:16px;}
    .w-25{
        width:25%;
        float:left;
        padding:0px 10px;
    }
    @media screen and (max-width: 767px) {
        .w-25{
            width:100% !important;
            float:left;
            padding:0px 10px;
        }
    }
</style>

<div class="container change_password mt-3 mb-3 bg-white">
    <div class="row">
        <div class="col-sm-12 pt-3 pb-3">
            
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>Welcome">Home</a></li>
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>school/profile">Profile</a></li>
                <li class="breadcrumb-item">Cahnge Password</li>
            </ul>
                   
            <form method="POST" action="" class="form-outer" >
                <div class="w-100">
                <h3 class="main-heading">Change Password</h3><hr>
                <?php if($success){ ?>
                <div class="alert alert-success"><?php echo $success; ?></div>
                <?php } ?>
                <?php if($error){ ?>
                <div class="alert alert-danger"> <?php echo $error; ?></div>
                <?php } ?>
                    
                <div class="form-group w-25">
                    <label>Mobile Number</label>    
                    <input type="number" name="username" placeholder="Mobile Number" class="form-control">
                </div>    


                <div class="form-group w-25">
                    <label>Old Password</label>    
                    <input type="password" name="opassword" placeholder="Old Password" class="form-control">
                </div>    

                <div class="form-group w-25">
                    <label>New Password</label>    
                    <input type="text" name="newpassword" placeholder="New Password" class="form-control">
                </div>    

                <div class="form-group w-25">
                    <label>Confirm New Password</label>    
                    <input type="password" name="cnewpassword" placeholder="Confirm New Password" class="form-control">

                </div>    
                <div class="form-group w-25">
                    <input type="submit" name="change_password" class="btn btn-sm btn-info" value="Change  Password">
                </div>
                </div>
            </form>    
        </div> 
    </div>
</div>