@extends('layouts.partner-portal')
@section('title', '新しいパスワードの設定')
@section('content')

<div class="mx-auto" style="max-width:420px">
  <h1 class="h5 mb-4 text-center">新しいパスワードの設定</h1>

  @if(! $isValid)
  <div class="alert alert-warning">
    このURLは無効か、有効期限が切れています。
    <a href="{{ route('public.partner.portal.password.request') }}">もう一度お手続きください。</a>
  </div>
  @else
  <div class="pp-card">
    <div class="card-body p-4">
      <form method="POST" action="{{ route('public.partner.portal.password.reset', ['token' => $token]) }}">
        @csrf
        <div class="mb-3">
          <label class="form-label fw-semibold">新しいパスワード</label>
          <input type="password" name="password" class="form-control" required minlength="8" autocomplete="new-password">
          <div class="form-text">8文字以上</div>
        </div>
        <div class="mb-3">
          <label class="form-label fw-semibold">新しいパスワード（確認）</label>
          <input type="password" name="password_confirmation" class="form-control" required minlength="8" autocomplete="new-password">
        </div>
        <button type="submit" class="btn btn-primary w-100">パスワードを設定する</button>
      </form>
    </div>
  </div>
  @endif
</div>
@endsection