@extends('layouts.main', ['title' => 'Gia sư | Đổi mật khẩu'])

@push('style')
  @vite(['resources/css/layout/tutor/breadcrumb.css', 'resources/css/tutor.css'])
@endpush
@section('content')
  <section class="tutor-wrap">
    <div class="breadcrumb-tutor-wrap pb-2 pt-3">
      <nav aria-label="breadcrumb-tutor">
        <ol class="breadcrumb-tutor d-flex">
          <li class="breadcrumb-tutor-item">
            <a href="{{ route('agencies.dashboard') }}"
              class="breadcrumb-tutor-link text-capitalize text-decoration-none ms-4">Dashboard</a>
          </li>
          <span class="breadcrumb-tutor-separation fw-light">/</span>
          <li class="breadcrumb-tutor-item active text-neutral-05 fw-semibold text-capitalize text-decoration-none"
            aria-current="page">
            Đổi mật khẩu
          </li>
        </ol>
      </nav>
    </div>
    <section class="tutor-content-wrap">
      <div class="tutor-container">
        <div class="row bg-white">
          <div class="col-xl-3 px-0">
            @include('agency.agency_profile_card')
          </div>
          <div class="col-xl-9">
            <section class="tutor-action ps-md-5">
              <div class="tutor-action-header">
                <h4 class="tutor-action-title">Đổi mật khẩu</h4>
              </div>
              <div class="tutor-action-content row">
                <form action="{{ route('agencies.changePassword') }}" method="POST" class="col-xl-6">
                  @csrf
                  @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>{{ session('error') }}</h5>
                    </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>{{ session('message') }}</h5>
                    </div>
                  @endif
                  <div class="form-group d-flex flex-column mb-4">
                    <label for="password" class="text-blue fw-500">Mật khẩu cũ</label>
                    <input id="password" type="password" name="password"
                      class="form-control @error('password') is-invalid @enderror">
                    @error('password')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                  <div class="form-group d-flex flex-column mb-4">
                    <label for="npassword" class="text-blue fw-500">Mật khẩu mới</label>
                    <input id="npassword" type="password" name="npassword"
                      class="form-control @error('npassword') is-invalid @enderror">
                    @error('npassword')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                  <div class="form-group d-flex flex-column mb-4">
                    <label for="cpassword" class="text-blue fw-500">Xác nhận mật khẩu</label>
                    <input id="cpassword" type="password" name="cpassword"
                      class="form-control @error('cpassword') is-invalid @enderror">
                    @error('cpassword')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                  <div class="pt-2">
                    <button class="prevent-submit btn btn-fill-primary fw-600 text-capitalize fs-18 border-0"
                      type="submit">đổi mật
                      khẩu</button>
                  </div>
                </form>
              </div>
            </section>
          </div>
        </div>
      </div>
    </section>
  </section>
@endsection

@push('script')
  @vite('resources/js/tutor.js')
@endpush