@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col-md-12 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>Change <small>Password</small></h2>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <br />
                <form class="form-horizontal form-label-left" method="POST" action="{{ route('admin.change.password.update') }}">
                    @csrf
                    
                    <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Current Password<span class="required">*</span></label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <input id="current_password" name="current_password" type="password" 
                                class="form-control col-md-12 col-xs-12 @error('current_password') is-invalid @enderror" 
                                placeholder="Current Password">
                            @error('current_password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">New Password<span class="required">*</span></label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <input id="new_password" name="new_password" type="password" 
                                class="form-control col-md-12 col-xs-12 @error('new_password') is-invalid @enderror" 
                                placeholder="New Password">
                            @error('new_password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Confirm New Password<span class="required">*</span></label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <input id="new_password_confirmation" name="new_password_confirmation" type="password" 
                                class="form-control col-md-12 col-xs-12" 
                                placeholder="Confirm New Password">
                        </div>
                    </div>

                    <div class="ln_solid"></div>
                    <div class="form-group">
                        <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                            <a href="{{ route('admin.change.password') }}" class="btn btn-primary">Cancel</a>
                            <button type="submit" class="btn btn-success">Save Changes</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection