@extends('admin.layouts.app')

@section('content')
<div class="container-fluid">
    <h2>이메일 발송 확인</h2>
    <hr/>
    @include('admin.messages')
    @include('admin.config.test.navTabs')

    <form name="f_admin_write" id="fAdminWrite" method="post" action="{{ route('admin.config.test.email.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="alert alert-primary" role="alert">
            현재 이메일이 정상적으로 발송되고 있는지 테스트할 수 있는 페이지입니다. <br/>
            아래 입력란에 받는 사람의 이메일, 이름을 입력 후에 테스트 메일을 발송해주세요.
        </div>
        <div class="row mb-3">
            <label class="col-sm-2 col-form-label">보내는 이메일 주소</label>
            <div class="col-sm-10">
                {{ $mailHost }}
            </div>
        </div>
        <div class="row mb-3">
            <label class="col-sm-2 col-form-label">보내는 이메일 이름</label>
            <div class="col-sm-10">
                {{ $mailName }}
            </div>
        </div>
        <div class="row mb-3">
            <label for="receiveEmail" class="col-sm-2 col-form-label">받는 이메일 주소</label>
            <div class="col-sm-10">
                <div class="form-group">
                    <input type="text" name="receive_email" id="receiveEmail" class="form-control" value="{{ old('receive_email') }}" autofocus />
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="receiveName" class="col-sm-2 col-form-label">받는 이메일 이름</label>
            <div class="col-sm-10">
                <div class="form-group">
                    <input type="text" name="receive_name" id="receiveName" class="form-control" value="{{ old('receive_email') }}" />
                </div>
            </div>
        </div>
        <hr/>
        <div class="text-end">
            <button type="submit" class="btn btn-success">전송하기</button>
        </div>
    </form>
</div>

<script type="module">
$("#fAdminWrite").validate({
    rules: {
        receive_email: {required: true, email: true},
        receive_name: {required: true}
    }
});
</script>
@endsection
