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

@section('page_toolbar')
&nbsp;<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="container">
      <div class="card card-custom gutter-b mt-8" id="enter_password">
        <!--begin::Body-->
        <div class="card-body ">
          <div class="row">
            <div class="col-sm-12">
              <div class="form-group d-flex align-items-center row">
                <div class="col-sm-12 text-center">
                  <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>
                <div class="col-sm-3"></div>
                <div class="col-sm-6 text-center mt-2">
                  <button type="button" class="btn btn-info mb-1 px-2 font-weight-bold btn-sm btn-psw-w"  onclick="checkPassword(null)">
                      <i class="fas fa-key" aria-hidden="true"></i> Click to enter your Password
                  </button>
                  <button type="button" id="forgtpw" class="btn btn-outline-primary mb-1 px-2 font-weight-bold btn-sm btn-psw-w" onclick="window.location.href='{{ url('common/profile-forgot-password') }}'">Forgotten your password?
                  </button>
                </div>
              </div>
            </div>
          </div>  
          <div class="col-sm-12" id="setpasswordbox" style="display: none">
              <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="form-group row d-flex align-items-center justify-content-center">
                    <div class="col-sm-6 d-flex">
                        <input id="my_password" type="password" class="form-control"
                               name="my_password" placeholder="Enter Your Password"
                               value="">
                        <button type="submit"
                                class="ml-1 pull-left btn btn-info px-2 font-weight-bold btn-sm pull-right"
                                id="passwordbtn">
                            Submit
                        </button>
                    </div>
                </div>
              </form>
          </div>  
        </div>
                <!--end::Body-->
      </div>
    </div>
            <!--begin::Content-->

                    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid mt-8">
        <!--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 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>
                        <div class="card-body p-0 position-relative overflow-hidden">
                            <div id="kt_mixed_widget_1_chart" class="card-rounded-bottom" style="height: 60px"></div>
                            <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-4 col-form-label">School Curiculum</label>
                                     <div class="col-sm-8">
                                            {!! Form::select('curriculum_id', $curriculum , $curriculum_id, ['class' => 'form-control new-drop-section', 'style' => 'width:100%','placeholder' => 'Select curriculum','id' => 'curriculum_id']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">School Name</label>
                                        <div class="col-sm-8">
                                            <input id="fname" type="text" class="form-control"
                                                   name="fname"  placeholder="Enter First Name" value="**********" >
                                                   <!-- value="$details->fname" -->
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label class="col-lg-4 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="">
                                                   <!-- value="$details->username"  -->
                                        </div>
                                    </div>
                                  <!--   <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Mobile Number</label>
                                        <div class="col-sm-8">
                                            <input id="contact_no" type="text" class="form-control"
                                                   name="contact_no"  placeholder="Enter Contact No" value="">
                                        </div>
                                    </div> -->
                                </form>
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-8 control-label"> &nbsp;&nbsp;&nbsp;
                                        </label>
                                        <div class="col-sm-4 float-end">
                                            <button type="submit" class="btn btn-kay px-2 font-weight-bold btn-sm float-end float-right" id="editbtn">
                                                Save Changes
                                            </button>
                                        </div>
                                    </div>
                                
                            </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 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>At least 6 characters</li>
                                                <li>At least 1 digit</li>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 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-4 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>
                                </form>
                                    
                                    <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-kay px-2 font-weight-bold btn-sm float-right" id="passwordbtn">
                                                Save New Password
                                            </button>&nbsp;
                                        </div>
                                    </div>
                                
                            </div>
                        <!--end::Stats-->
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::Mixed Widget 1-->
                </div>
            </div>
        </div>
    </div>


    </div>
</div>
<div class="container exp-card">
<!--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 d-flex align-items-center row">
                    <div class="col-sm-12 text-center">
                        <h1> School Subscription </h1>
                        <p> Your Subscription Started from {{ Carbon\Carbon::today()->format('d M Y') }} and expires on {{ Carbon\Carbon::today()->add(30, 'day')->format('d M Y') }}</p> 
                   <!--  <label for="inputEmail3" class="control-label">  NO NEED FOR RENEW, JUST SHOW ENQUIRE TO RENEW AND Ahamed and Sami will contact us &nbsp;&nbsp;&nbsp;
                    </label> -->
                    </div>
                    <div class="col-sm-12 text-center">
                        <a href = "mailto:ahmedkhattab1986@gmail.com?subject = Renew School Subscription&cc=samikhattab9@gmail.com" class="btn btn-danger px-2 font-weight-bold btn-sm">
                         <i class="fas fa-envelope" aria-hidden="true"></i> ENQUIRE NOW
                        </a>
                     
                    </div>
                </div>
            </div>
            <div class="col-sm-12 text-center mt-2">
             <span style="font-size:medium;"> Contact us at &nbsp;<a href="mailto:info@kayscience.com">info@kayscience.com</a>&nbsp; to permanently delete school account and all data</span>
            </div>
         </div>   

    </div>
    <!--end::Body-->
</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");