@extends('Admin.layouts.app')
@section('content')

    <div class="row">
        <div class="col-10 col-sm-10">
            <p class="pt-2 text-left btn-link font-weight-bold h5">Change Password</p>
            @if($errors->any())
                <div class="alert alert-danger" role="alert">
                    <strong>{{$errors->first()}}</strong>
                </div>
            @endif        

            @if (Session::get('message'))
                <div class="alert alert-info">
                    {{ Session::get('message')}}
                </div>
            @endif
        </div>
    </div>
    <div class="separator mb-3"></div>

    <div class="row">
        <div class="col-lg-12 col-xl-12">
            {!! Form::open(['route' => 'changePasswordSubmit','method'=>'POST','id'=>'form'])!!}
                {{ csrf_field() }}
                <div class="row">
                    <div class="form-group col-md-4">
                        <label>Current Password</label>
                        <input type="password" class="form-control" name="password" id="password" placeholder="Enter Current Password" onkeyup="EnableDisable(this)" required>
                    </div>
                    <div class="form-group col-md-4">
                        <label>New Password</label>
                        <input type="password" class="form-control" name="newpassword" id="new_password"  placeholder="Enter New Password" required disabled>
                    </div>
                    <div class="form-group col-md-4">
                        <label>Confirm Password</label>
                        <input type="password" class="form-control" name="confirmpassword" id="confirm_password" placeholder="Enter Confirm Password" required disabled>
                    </div>
                </div>                
                <div class="form-group col-md-12">
                    <button type="submit" class="btn btn-primary">Change Password</button>
                </div>
            {!! Form::close() !!}
        </div>
    </div>

    <script type="text/javascript">
        function EnableDisable(password){

            var newPassword=document.getElementById("new_password");
            var confirmPassword=document.getElementById("confirm_password");
        

            if(password.value!=null){
                newPassword.disabled=false;
                confirmPassword.disabled = false;
            }
            else{
                newPassword.disabled=true;
                confirmPassword.disabled = true;
            }
        }
    </script>
@endsection