@extends('back.layouts.main')
@section('title','Change Password')
@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-0">
                <div class="col-sm-6"><h1 class="m-0">Change Password</h1></div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">User</li>
                        <li class="breadcrumb-item active">Change Password</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-5">
                    <form action="{{ route('user.password') }}" method="POST">
                        @csrf
                        @method('post')
                        <fieldset class="content-group">
                            <div class="card card-primary">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">New Password<span class="text-danger"> *</span></label>
                                                <input type="password" name="password" class="form-control" required="required" autocomplete="off"/>
                                                @if ($errors->has('password'))<span class="help-block text-danger">{{ $errors->first('password') }}</span>@endif
                                                <input type="hidden" name="id" value="{{ \App\AppTrait\AuthTrait::getUserId() }}" class="form-control"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">Confirm New Password<span class="text-danger"> *</span></label>
                                                <input type="password" name="confirm_password"  class="form-control" required="required" autocomplete="off"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">Old Password<span class="text text-danger"> *</span></label>
                                                <input type="password" name="old_password" class="form-control" required="required" autocomplete="off"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer text-right">
                                    <button type="submit" name="update" class="btn btn-success">Change Password <i class="fa fa-long-arrow-alt-right"></i></button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection