{{-- ad_password-reset --}}
@extends('merchant.template.login_template')
@section('title', 'パスワードを忘れた方へ')
@section('my_css')
<link rel="stylesheet" href="{{asset('/css/merchant/ad_login.css')}}">
@endsection
@section('contents')
@error('password')
<div class="error">
    <p>{{ $message }}</p>
</div>
@enderror
<div id="contents">
    <p class="txtcenter mgt20">新しいパスワードを設定してください</p>
    <form action="" method="post">
    @csrf
        <input type="hidden" name="token" value="{{ $token }}">
        <p><input type="hidden" placeholder="Eメール" name="email" value="{{ $email }}"></p>
        <p><input type="password" placeholder="パスワード" name="password" id="password"></p>
        <p><input type="hidden" placeholder="パスワード" name="password_confirmation" id="password_confirmation"></p>
        <p>パスワードは、半角の英字・数字・記号をすべて含め、<br>8文字以上256文字以内で設定をお願いします。</p>
        <p class="mgt30"><input type="submit" value="送信する"></p>
    </form>
</div>
<script>
const passwordInput = document.querySelector('#password');

passwordInput.addEventListener('change', (event) => {
    const result = document.querySelector('#password_confirmation');
    result.value = passwordInput.value
});
</script>
@endsection