@extends('dashboard.layout')

@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Default box -->
                    <form class="card card-primary card-outline" id="form" method="post" action="{{ route('dashboard.profile.update-password' ) }}">

                        <div class="card-header">
                            <h3 class="card-title">{{__('Change Password')}}</h3>
                        </div>
                        <div class="card-body">

                            @csrf

                            <div class="form-group">
                                <label class="col-form-label" for="new_password">{{__('New Password')}}</label>
                                <input type="password" class="form-control" id="new_password" name="new_password" placeholder="{{__('Enter your new password')}} ..." value="" />
                            </div>

                            <div class="form-group">
                                <label class="col-form-label" for="confirm_password">{{__('Confirm Password')}}</label>
                                <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="{{__('Confirm Password')}} ..." value="" />
                            </div>


                            <hr />

                            <div class="form-group">
                                <label class="col-form-label" for="password">{{__('Current Password')}}</label>
                                <input type="password" class="form-control" id="password" name="password" placeholder="{{__('Enter your password')}} ..." value="" />
                            </div>

                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
							<button type="button" id="change_password" class="btn btn-sm btn-success"><i class="fa fa-check"></i> {{__('Update')}}</button>
                        </div>
                        <!-- /.card-footer-->
                    </form>
                    <!-- /.card -->
                </div>
            </div>
        </div>
    </section>
@endsection