<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h3 class="text-themecolor m-b-0 m-t-0">Profile</h3>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Profile</li>
        </ol>
    </div>
    <div class="col-md-7 col-4 align-self-center">
        
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- Row -->
<div class="row">
    <!-- Column -->
    <div class="col-lg-4 col-xlg-3 col-md-5">
        <div class="card">
            <div class="card-block">
                <center class="m-t-30"> 
                    <!--img src="assets/images/users/5.jpg" class="img-circle" width="150" /-->
                    <span class="fas fa-user fa-3x text-primary"></span>
                    <h4 class="card-title m-t-10">Mwenewezi Chanika</h4>
                    <h6 class="card-subtitle">Administrator</h6>
                    
                </center>
            </div>
        </div>
        <div class="card">
            <div class="card-header text-center bg-light">
                Update Password
            </div>
            <div class="card-body">
                <form class="form-horizontal form-material">
                    <div class="form-group">
                        <label class="col-md-12">Current Password :</label>
                        <div class="col-md-12">
                            <input type="text" placeholder="********" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">New Password :</label>
                        <div class="col-md-12">
                            <input type="text" placeholder="********" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">Re-enter Password :</label>
                        <div class="col-md-12">
                            <input type="text" placeholder="********" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <button class="btn btn-success">Update Password</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Column -->
    <!-- Column -->
    <div class="col-lg-8 col-xlg-9 col-md-7">
        <div class="card">
            <div class="card-block">
                <form class="form-horizontal form-material">
                    <div class="form-group">
                        <label class="col-md-12">Firstname :</label>
                        <div class="col-md-12">
                            <input type="text" value="Mwenewezi" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">Lastname :</label>
                        <div class="col-md-12">
                            <input type="text" value="Chanika" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="example-email" class="col-md-12">Email :</label>
                        <div class="col-md-12">
                            <input type="email" value="mwenewezi@gmail.com" class="form-control form-control-line" name="example-email" id="example-email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">Password :</label>
                        <div class="col-md-12">
                            <input type="password" value="password" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">Phone No :</label>
                        <div class="col-md-12">
                            <input type="text" placeholder="123 456 7890" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <button class="btn btn-success">Update Profile</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Column -->
    <!-- Column -->
    <div class="col-lg-12 col-xlg-12 col-md-12">
        <div class="card">
            <div >
                <p class="p-2 lead"><span class="fa fa-bulding"></span> School Profile</p>
            </div>
            <div class="card-block">
                <div class="text-center mb-5">
                    <p>Logo</p>
                    <a href="#" data-toggle="collapse" data-target="#add_school_logo_container">
                        <img src="../assets/img/school_logo.png" alt="KSS logo" style="max-height: 100px">
                    </a>
                    <div class="collapse p-3" style="border:1px solid #EEEEEE;" id="add_school_logo_container">
                        <p class="font-weight-bold">Update Logo</p>
                        <div class="input-group text-center">
                            <label class="input-group-append pt-2">Select Image &nbsp; : &nbsp;</label>
                            <input type="file" name="" class="form-control form-control-sm">
                        </div>
                    </div>
                </div>
                <form class="form-horizontal form-material">
                    <div class="form-group">
                        <label class="col-md-12">School Name :</label>
                        <div class="col-md-12">
                            <input type="text" value="Katoto Secondary School" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">School Name Initials :</label>
                        <div class="col-md-12">
                            <input type="text" value="KSS" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">MOTO :</label>
                        <div class="col-md-12">
                            <input type="text" value="Triving For Excellency" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-12">School Email :</label>
                        <div class="col-md-12">
                            <input type="text" value="katoto@gmail.com" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="example-email" class="col-md-12">School Telephone 1 :</label>
                        <div class="col-md-12">
                            <input type="email" value="+265 134 567 8" class="form-control form-control-line" name="" id="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="example-email" class="col-md-12">School Telephone 2 :</label>
                        <div class="col-md-12">
                            <input type="email" value="" class="form-control form-control-line" name="" id="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="example-email" class="col-md-12">School Phone number 1 :</label>
                        <div class="col-md-12">
                            <input type="email" value="+265 993 456 780" class="form-control form-control-line" name="" id="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="example-email" class="col-md-12">School Phone number 2 :</label>
                        <div class="col-md-12">
                            <input type="email" value="" class="form-control form-control-line" name="" id="">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <button class="btn btn-success">Update School Profile</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Column -->
</div>