@extends('user-layouts.user_template')
@section('content')
    <div class="content-wrapper" style="min-height: 916px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Change Password
                <!-- <small>Control panel</small> -->
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{ url ('user') }}"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="{{ url ('user/profile') }}"><i class="fa fa-user"></i> My Profile</a></li>
                <li class="active">Change Password</li>
               
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            
                            <h3 class="box-title">
                                Edit Password
                            </h3>
                        </div>
                        <form role="form" id="frm-change-password">
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>Current Password</label>
                                            <div class="input-group">
                                                <input type="password" class="form-control" id="current_password" name="current_password" placeholder="Enter your current password">
                                                <span class="input-group-addon">
                                                    <div class="checkbox checkbox-inline">
                                                        <input type="checkbox" class="styled" id="chk-currentpass">
                                                        <label for="chk-currentpass"> Show String</label>
                                                    </div>
                                                </span> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>New Password</label>
                                            <div class="input-group">
                                                <input type="password" class="form-control" id="new_password" name="new_password" placeholder="Enter your new password">
                                                <span class="input-group-addon">
                                                    <div class="checkbox checkbox-inline">
                                                        <input type="checkbox" class="styled" id="chk-newpass">
                                                        <label for="chk-newpass"> Show String</label>
                                                    </div>
                                                </span> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>Confirm New Password</label>
                                            <div class="input-group">
                                                <input type="password" class="form-control" id="con_new_password" name="con_new_password" placeholder="Enter your confirm new password">
                                                <span class="input-group-addon">
                                                    <div class="checkbox checkbox-inline">
                                                        <input type="checkbox" class="styled" id="chk-con-newpass">
                                                        <label for="chk-con-newpass"> Show String</label>
                                                    </div>
                                                </span> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <button type="submit" class="btn btn-primary btn-custom-save">update</button>
                            </div>
                        </form>
                    <div>
                </div>
            </div>
        </section>
    <!-- /.content -->
    </div>
@endsection
