@extends('layouts.member.shell')

@section('content')

<h5>{{ __('member_joinRoom.joinroom') }}</h5>
                            <hr>
                            <form id="checkForm" method="GET">
				@csrf
				    <div class="d-flex flex-column">
                                    <div class="d-flex justify-content-center">
                                        <div class="d-flex flex-column">

                                        </div>
                                    </div>
                                    <div class="input-box">
                                        <div class="form-group">
                                            <label>{{ __('member_joinRoom.useraccount') }}</label>
                                            <input type="text" class="form-control" id="join_email" name="email" placeholder="{{ __('member_joinRoom.enter_meeting_account') }}" required>
                                        </div>
                                    </div>

                                </div>
                                <button class="btn btn-primary mt-5 mb-3" type="submit" style="display: flex;margin: 0 auto;">{{ __('member_joinRoom.next_check_equipment') }}</button>
			    </form>

@endsection

@section('jsscript')

<script>

    window.addEventListener('load', ()=>{

        document.getElementById('checkForm').addEventListener('submit', e =>{

            e.preventDefault();

            let email = document.getElementById('join_email').value;

            let uploader = new XMLHttpRequest();
                uploader.open('POST', '/api/v1/get_member_uuid', true);
                uploader.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                uploader.onreadystatechange = function () {
                    if (uploader.readyState === 4) {

                        let split_array = uploader.responseText.split(',');

                        if (split_array[0].includes('ok')) {


                            location.href = '/member/checkRoom/' + split_array[1];

                        }else{

                            alert('查無此帳號!');

                        }
                    }
                };
                uploader.send('_token={{ csrf_token() }}&email='+email);


        });
        
    });

    </script>

@endsection