@extends('mobile.layouts.app')

@section('content')
<div id="accountCertify" class="container">

    @include('mobile.account.navTabs')

    <dl>
        <dt>비밀번호 확인</dt>
        <dd>외부로부터 회원님의 정보를 안전하게 보호하기 위해 비밀번호 확인이 필요합니다.</dd>
    </dl>

    <hr/>
    <form name="f_account_certify" id="fAccountCertify" method="post" action="{{ route('account.certify.update') }}" autocomplete="off">
        @csrf
        <input type="hidden" name="callback_url" value="{{ old('callback_url', $callbackURL) }}" />
        <table class="table table-borderless">
            <colgroup>
                <col width="25%"/>
                <col width="*"/>
            </colgroup>
            <tr>
                <th>
                    <label for="password">비밀번호</label>
                </th>
                <td>
                    <input type="password" name="password" id="password" class="form-control @error('password') is-invalid @enderror" autofocus/>

                    @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <div class="d-flex gap-2 mt-2">
                        <button type="submit" class="btn btn-success">확인</button>
                        <a href="{{ route('account.profile') }}" class="btn btn-default">취소</a>
                    </div>
                </td>
            </tr>
        </table>
    </form>
    <hr/>
</div>
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/mobile/account/certify.css') }}"/>
@endpush
