@extends('backend.layouts.master')
@section('content')
    <!-- Breadcrumb -->
    <div class="content-header-left col-md-6 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin">Trang chủ</a>
                    </li>
                    </li>
                    <li class="breadcrumb-item active">
                        Đổi mật khẩu
                    </li>
                </ol>
            </div>
        </div>
    </div>

    <div class="content-body">
        <section id="basic-form-layouts">
            <div class="row match-height">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title" id="basic-layout-form">Đổi mật khẩu</h4>
                            <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
                        </div>
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <form class="form-horizontal" method="POST" action="">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="projectinput1">Nhập mật khẩu cũ <span class="text-danger">*</span></label>
                                                <input type="password" class="form-control" placeholder="Nhập mật khẩu cũ" name="oldPassword" value="">
                                                <span class="help-block">{{ $errors->first('oldPassword', ':message') }}</span>
                                                {!!session()->has('error') ? '<span class="help-block">' . session()->get('error') . '</span>' : ''!!}
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="projectinput1">Nhập mật khẩu mới <span class="text-danger">*</span></label>
                                                <input type="password" class="form-control" placeholder="Nhập mật khẩu mới" name="password" value="">
                                                <span class="help-block">{{ $errors->first('password', ':message') }}</span>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="projectinput1">Xác nhận lại mật khẩu mới <span class="text-danger">*</span></label>
                                                <input type="password" class="form-control" placeholder="Xác nhận mật khẩu mới" name="password_confirmation" value="">
                                                <span class="help-block">{{ $errors->first('password_confirmation', ':message') }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <button type="submit" class="btn btn-outline-primary mr-1">
                                            <i class="ft-check"></i> Lưu Lại
                                        </button>
                                        <button type="button" class="btn btn-outline-warning" onclick="location.href='/admin';">
                                            <i class="ft-x"></i> Trở lại
                                        </button>
                                    </div>
                                </form>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection