@extends('layout.default')
@section('content')

@section('page_toolbar')
<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection
<div class="row">
    <div class="col-xl-12">
        <!--begin::Nav Panel Widget 2-->
            <div class="card card-custom gutter-b" id="enter_password">
                <!--begin::Body-->
                <div class="card-body ">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group row">
                                <label for="inputEmail3" class="col-sm-9 control-label"> For security, you'll need to enter your password to make changes on this page. &nbsp;&nbsp;&nbsp;
                                </label>
                                <div class="col-sm-3">
                                    <button type="button" class="btn btn-info px-2 font-weight-bold btn-sm pull-right"  onclick="checkPassword(null)">
                                        <i class="icon-1x fas fa-key"></i> Click to enter your Password
                                    </button>&nbsp;
                                </div>
                            </div>
                        </div>
                     
                    </div>  

                    <div class="row" id="setpasswordbox" style="display: none">
                        <div class="col-sm-12">
                            <div class="form-group row">
                                <form class="form-horizontal" id="mypasswordForm" method="POST" action=""
                                  enctype="multipart/form-data">
                                  {{ csrf_field() }}
                                  {!! Form::hidden('uid', $details->id , [ 'id' => 'uid'] ) !!}
                                    
                                   <!--  <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-9 control-label">Enter Your Password</label>
                                    </div> -->
                                    
                                    
                                    <div class="col-sm-12">
                                        <div class="form-group row">
                                             <div class="col-sm-8">
                                                <input id="my_password" type="password" class="form-control"
                                                       name="my_password"  placeholder="Enter Your Password" value="">
                                            </div>
                                            <div class="col-sm-4">
                                                <button type="submit" class="btn btn-info px-2 font-weight-bold btn-sm pull-right" id="passwordbtn">
                                                    Submit
                                                </button>&nbsp;
                                            </div>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                     
                    </div>  

                </div>
                <!--end::Body-->
            </div>
            <!--begin::Content-->

                    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class=" container ">
            <!--begin::Dashboard-->
            <!--begin::Row-->
            <div class="row">
                <div class="col-lg-6 col-xxl-6" id="detailsbox">
                            <!--begin::Mixed Widget 1-->
                    <div class="card card-custom bg-gray-100 card-stretch gutter-b">
                        <!--begin::Header-->
                        <div class="card-header align-items-center border-0 mt-4">
                             <h3 class="card-title align-items-start flex-column">
                                <span class="font-weight-bolder text-dark">Edit your Details</span>
                            </h3>
                            
                        </div>
                        <!--end::Header-->

                        <!--begin::Body-->
                        <div class="card-body p-0 position-relative overflow-hidden">
                            <!--begin::Chart-->
                            <div id="kt_mixed_widget_1_chart" class="card-rounded-bottom" style="height: 60px"></div>
                            <!--end::Chart-->

                            <!--begin::Stats-->
                            <div class="card-spacer mt-n25">
                               
                                <form class="form-horizontal" id="editForm" method="POST" action=""
                                  enctype="multipart/form-data">
                                  {{ csrf_field() }}
                                  {!! Form::hidden('user_id', $details->id , [ 'id' => 'user_id'] ) !!}
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Title</label>
                                        <div class="col-sm-8" class="form-control" name="title" id="title" style="width: 50%;">

                                            <select class="form-control">
                                                <option value="Mr" {{ ( $details->title="Mr") ? 'selected' : '' }}>Mr</option>
                                                <option value="Ms" {{ ( $details->title="Ms") ? 'selected' : '' }}>Ms</option>
                                                <option value="Mrs" {{ ( $details->title="Mrs") ? 'selected' : '' }}>Mrs</option>
                                                <option value="Dr" {{ ( $details->title="Dr") ? 'selected' : '' }}>Dr</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">First Name</label>
                                        <div class="col-sm-8">
                                            <input id="fname" type="text" class="form-control"
                                                   name="fname"  placeholder="Enter First Name" value="**********">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Last Name</label>
                                        <div class="col-sm-8">
                                            <input id="lname" type="text" class="form-control"
                                                   name="lname"  placeholder="Enter Last Name" value="**********">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Email Address</label>
                                        <div class="col-sm-8">
                                            <input id="email_id" type="text" class="form-control"
                                                   name="email" placeholder="Enter Email Id" value="**********" readonly="">
                                        </div>
                                    </div>
                                  
                                    <div class="col-sm-12">
                                        <div class="form-group row">
                                            <label for="inputEmail3" class="col-sm-8 control-label"> &nbsp;&nbsp;&nbsp;
                                            </label>
                                            <div class="col-sm-4">
                                                <button type="submit" class="btn btn-success px-2 font-weight-bold btn-sm pull-right" id="editbtn">
                                                    Save Changes
                                                </button>&nbsp;
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                
                            </div>
                        <!--end::Stats-->
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::Mixed Widget 1-->
                </div>

                <div class="col-lg-6 col-xxl-6" id="passwordbox">
                            <!--begin::Mixed Widget 1-->
                    <div class="card card-custom bg-gray-100 card-stretch gutter-b">
                        <!--begin::Header-->
                        <div class="card-header align-items-center border-0 mt-4">
                             <h3 class="card-title align-items-start flex-column">
                                <span class="font-weight-bolder text-dark">Change Your Password</span>
                            </h3>
                            
                        </div>
                        <!--end::Header-->

                        <!--begin::Body-->
                        <div class="card-body p-0 position-relative overflow-hidden">
                            <!--begin::Chart-->
                            <div id="kt_mixed_widget_1_chart" class="card-rounded-bottom" style="height: 60px"></div>
                            <!--end::Chart-->

                            <!--begin::Stats-->
                            <div class="card-spacer mt-n25">
                               
                                <form class="form-horizontal" id="changepasswordForm" method="POST" action=""
                                  enctype="multipart/form-data">
                                  {{ csrf_field() }}
                                  {!! Form::hidden('users_id', $details->id , [ 'id' => 'users_id'] ) !!}
                                    
                                    <div class="form-group row">
                                        <label class="col-lg-8 col-form-label">Please Note the password requirements</label><br>
                                        <div class="col-sm-8">
                                            <ul>
                                                <li>Atleat 8 characters</li>
                                                <li>Atleat 1 digit</li>
                                                <li>Atleat 1 uppercase letter</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">New Password</label>
                                        <div class="col-sm-8">
                                            <input id="password" type="password" class="form-control"
                                                   name="password"  placeholder="Enter New Password" value="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Confirm Password</label>
                                        <div class="col-sm-8">
                                            <input id="confirm_password" type="password" class="form-control"
                                                   name="confirm_password"  placeholder="Confirm Password" value="">
                                        </div>
                                    </div>
                                    
                                    <div class="col-sm-12">
                                        <div class="form-group row mt-7">
                                            <label for="inputEmail3" class="col-sm-8 control-label"> &nbsp;&nbsp;&nbsp;
                                            </label>
                                            <div class="col-sm-4">
                                                <button type="submit" class="btn btn-success px-2 font-weight-bold btn-sm pull-right" id="passwordbtn">
                                                    Save New Password
                                                </button>&nbsp;
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                
                            </div>
                        <!--end::Stats-->
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::Mixed Widget 1-->
                </div>
            </div>
        </div>
    </div>


    </div>

@endsection


@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

    <script>
    $(function () {
         $("#detailsbox *").prop("disabled", "disabled");
         $("#passwordbox *").prop("disabled", "disabled");