@extends('layout.admin', ['title' => 'Админка - Смена пароля'])
  
  @section('content')
      <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
          Вы в системе, как {{ $username }}
      </h4>
      <form method="POST" action="">
          @csrf
          <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
              <label class="block text-sm">
                  <span class="text-gray-700 dark:text-gray-400">Старый пароль</span>
                  <input name="old_password" id="old_password" type="password"
                         class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                         placeholder="Старый пароль" value=""
                  />
                  @error('old_password')
                  <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
                  @enderror
              </label><br>
  
              <label class="block text-sm">
                  <span class="text-gray-700 dark:text-gray-400">Новый пароль </span>
                  <input name="password" id="password"
                         class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                         placeholder="Новый пароль" value=""
                  />
                  @error('password')
                  <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
                  @enderror
              </label><br>
  
              <label class="block text-sm">
                  <span class="text-gray-700 dark:text-gray-400">Новый пароль (еще раз)</span>
                  <input name="password_confirmation" id="password_confirmation"
                         class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                         placeholder="Новый пароль" value=""
                  />
                  @error('password_confirmation')
                  <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
                  </span>
                  @enderror
              </label><br>
  
              <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
                  <div>
                      <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
                          Сменить пароль
                      </button>
                  </div>
              </div>
          </div>
      </form>
  @endsection