@extends('layouts.admin.index')

@section('content')
<div id="main-wrapper">
  <!-- Sidebar -->
  @include('layouts.admin.sidebar')
  <div class="page-wrapper">
    <!--  Header -->
    @include('layouts.admin.header')

    <div class="body-wrapper">
      <div class="container-fluid">
        <div class="card w-100">
          <div class="card-body">
            <h3 class="mb-4">{{ $model->id ? 'Edit' : 'Tambah' }} {{ 'Password' }}</h3>
            <form role="form" action="{{ route('change-password.store') }}" method="post" enctype="multipart/form-data">
              <div class="mb-3 fv-row">
                <label class="form-label" for="old_password">Password Lama</label>
                <div class="input-group input-group-merge">
                  <input type="password" name="old_password" class="form-control @error('old_password') is-invalid @enderror" placeholder="Password Lama" id="inputOldPassword" />
                  <span class="input-group-text">
                    <a id="toggle-old-password" href="javascript:void(0)" class="text-dark">
                      <i class="ti ti-eye"></i>
                    </a>
                  </span>
                  @error('old_password')
                    <div class="invalid-feedback">{{ $message }}</div>
                  @enderror
                </div>
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="password">Password Baru</label>
                <div class="input-group input-group-merge">
                  <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="Password Baru" id="inputPassword" />
                  <span class="input-group-text">
                    <a id="toggle-password" href="javascript:void(0)" class="text-dark">
                      <i class="ti ti-eye"></i>
                    </a>
                  </span>
                  @error('password')
                    <div class="invalid-feedback">{{ $message }}</div>
                  @enderror
                </div>
              </div>
              <div class="mb-3 fv-row">
                <label class="form-label" for="password_confirmation">Konfirmasi Password Baru</label>
                <div class="input-group input-group-merge">
                  <input type="password" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="Konfirmasi Password Baru" id="inputPasswordConfirm" />
                  <span class="input-group-text">
                    <a id="toggle-password-confirm" href="javascript:void(0)" class="text-dark">
                      <i class="ti ti-eye"></i>
                    </a>
                  </span>
                  @error('password_confirmation')
                    <div class="invalid-feedback">{{ $message }}</div>
                  @enderror
                </div>
              </div>
              <input type="hidden" name="id" value="{{ $model->id }}" />
              {{ csrf_field() }}
              <div class="d-flex w-100 justify-content-end">
                <button class="btn btn-primary"><i class="ti ti-device-floppy me-2"></i>Simpan</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection