@extends('admin.layout.app')

@push('style')
	@vite('resources/css/admin/changepassword.css')
@endpush

@section('content')
<div class="content-header">
	<div class="container-fluid">
		<div class="row mb-2">
			<div class="col-sm-6">
				<h1 class="m-0">Đổi mật khẩu</h1>
			</div>
			<div class="col-sm-6">
				<ol class="breadcrumb float-sm-right">
					<li class="breadcrumb-item"><a href=" {{ route("admin.home") }} ">Trang chủ</a></li>
					<li class="breadcrumb-item active">Đổi mật khẩu</li>
				</ol>
			</div>
		</div>
    @if(session()->has('error'))
      <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <h5><i class="icon fas fa-ban"></i>Lỗi</h5>
        <p>{{ session('error') }}</p>
      </div>
    @endif
    @if(session()->has('message'))
      <div class="alert alert-success alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <h5><i class="icon fas fa-check"></i>Thành công</h5>
        <p>{{ session('message') }}</p>
      </div>
    @endif
	</div>
</div>
<section class="content">
  <div class="container-fluid">
		<div class="row">
		  <div class="col-md-12">
			  <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Đổi mật khẩu</h3>
          </div>
          <form novalidate="novalidate" method="POST" action="{{ route('admin.change_password') }}">
            @csrf
            <div class="card-body">
							<div class="form-group position-relative">
                <label class="mb-2"><span class="text-danger">*</span>Mật khẩu cũ</label>
                <input type="password" name="old_password" class="form-control password @error('old_password') is-invalid @enderror" placeholder="Mật khẩu cũ" aria-invalid="false" alt="old_password">
                @error('old_password')
                  <span class="error invalid-feedback">{{ $message }}</span>
                @enderror
              </div>
              <div class="form-group position-relative">
                <label class="mb-2"><span class="text-danger">*</span>Mật khẩu mới</label>
                <input type="password" name="password" class="form-control password @error('password') is-invalid @enderror" placeholder="Mật khẩu mới" aria-invalid="false" alt="password">
                @error('password')
                <span class="error invalid-feedback">{{ $message }}</span>
                @enderror
              </div>
							<div class="form-group position-relative">
                <label class="mb-2"><span class="text-danger">*</span>Xác nhận mật khẩu mới</label>
                <input type="password" name="password_confirmation" class="form-control password @error('password_confirmation') is-invalid @enderror" placeholder="Xác nhận mật khẩu" aria-invalid="false" alt="password_confirmation">
                @error('password_confirmation')
                <span class="error invalid-feedback">{{ $message }}</span>
                @enderror
              </div>
            </div>
            <div class="card-footer d-flex flex-row-reverse">
              <button type="submit" class="btn btn-primary">Chỉnh sửa</button>
            </div>
          </form>
        </div>
		  </div>
      <div class="col-md-6">
      </div>
		</div>
	</div>
</section>
@endsection