@extends('layouts.sub')

@section('content')
<div id="findIDForm" class="container">
    <header>
        <a href="/" type="text/html" rel="noreferrer" referrerpolicy="no-referrer">
            {{ strtoupper(config('app.name')) }}
        </a>
    </header>
    <main>
        <h5>아이디 찾기</h5>

        <form name="f_find_id" id="fFindID" method="post" action="{{ route('auth.findID.store') }}" accept-charset="UTF-8">
            @csrf
            <input type="hidden" name="tx_id" id="txId" value=""/>

            <div class="mb-3">
                <div class="d-flex align-items-center">
                    <div class="flex-shrink-0">
                        <img src="/images/icon/toss.png" class="img-thumbnail" width="55" alt="토스 인증서"/>
                    </div>
                    <div class="flex-grow-1 ms-3">
                        토스인증서로 가입된 고객님의 계정을 찾을 수 있습니다. 토스 본인확인을 진행해주세요.
                    </div>
                </div>
            </div>

            <div class="mb-3">
                <button type="button" id="btnTossCertRequest" class="btn btn-success w-100">인증하기</button>
            </div>

            <div class="mb-3 text-center">
                @if (Route::has('login'))
                    <a href="{{ route('login') }}">≪ {{ __('Login') }}</a>
                @endif
            </div>
        </form>

        <hr/>

        <footer>
            &copy; 2022~{{ date('Y') }} {{ config('company_name') }}. All rights reserved.
        </footer>
    </main>
</div>
@endsection

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

@push('scripts')
    <script src="https://cdn.toss.im/cert/v1"></script>
    <script src="{{ asset('/js/auth/findID.js') }}"></script>
@endpush