@extends('layouts.modal')
@section('content')
<div class="row">
    <div class="col-lg-8 margin-tb">
        <div class="pull-left">
            <h2>Change Password</h2>
        </div>
    </div>
    <div class="col-lg-4 margin-tb">
        <div class="pull-right">
            <a class="btn btn-danger" href="{{ route('user.index') }}"> Back</a>
        </div>
    </div>
</div>
<form action="{{ route('change.password.post') }}" class="process-form" method="POST">
    @csrf
     <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="alert mt-2" style="display: none;"><span></span></div>
            <div class="form-group">
                <strong>Current Password:</strong>
                <input type="password" id="current_password" class="form-control" name="current_password" required autofocus>
                @if ($errors->has('current_password'))
                    <span class="text-danger">{{ $errors->first('current_password') }}</span>
                @endif
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>New Password:</strong>
                <input type="password" id="new_password" class="form-control" name="new_password" required autofocus>
                @if ($errors->has('new_password'))
                    <span class="text-danger">{{ $errors->first('new_password') }}</span>
                @endif
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Confirm Password:</strong>
                <input type="password" id="password_confirmation" class="form-control" name="password_confirmation" required autofocus>
                @if ($errors->has('password_confirmation'))
                    <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                @endif
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
            <button type="submit" id="sub_btn" class="btn btn-primary">Submit</button>
        </div>
    </div>
</form>
@endsection