@extends('index')
@section('title', Helper::getSiteTitle('Change Password'))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('Change Password') }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __('Change Password') }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <p class="sub-header">
                    All the fields with (<span class='required-label'>*</span>) are required & others are optional which user may update later.
                </p>
                <form class="submit-form" action="{{ route('update-password') }}" method="post">
                    <div class="row">
                        <div class="col-xl-6">
                            {{ csrf_field() }}
                            <div class="display-messages">
                                @if($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    @foreach ($errors->all() as $error)
                                        {!! $error !!}<br>
                                    @endforeach
                                </div>
                                @elseif(session('message'))
                                <div class="alert alert-success" role="alert">
                                    {!! session('message') !!}
                                </div>
                                @endif
                            </div>
                            
                            <div class="form-group mb-3">
                                <label for="password">{{ __('New Password') }} <span class="required-label">*</span></label>
                                <div class="input-group input-group-merge">
                                    <input type="password" id="password" class="form-control" placeholder="{{ __('Enter your new password') }}" name="new_password" required="">
                                    <div class="input-group-append" data-password="false">
                                        <div class="input-group-text">
                                            <span class="password-eye font-12"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <label for="password2">{{ __('Confirm Password') }} <span class="required-label">*</span></label>
                                <div class="input-group input-group-merge">
                                    <input type="password" id="password2" class="form-control" placeholder="{{ __('Confirm Password') }}" name="confirm_password" required="">
                                    <div class="input-group-append" data-password="false">
                                        <div class="input-group-text">
                                            <span class="password-eye font-12"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                                <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                                {{ __('Update') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection