@extends('layout.main')


@section('content')
<div class="container-fluid pl-0 pr-0" id="mobile_dete">
    <div class="row box-1 d-flex align-items-center justify-content-center mr-0 pr-0 pl-0 ml-0">
        <!-- <div class="col-lg-3 col-md-3 col-12  form_left d-flex flex-column align-items-center">
            <div class="logo">
                <a href=""><img src="./liveez_images/logo.svg" alt=""></a>
            </div>
            <h3 class="logo-text mb-0">LiveEZ</h3>
            <p class="mt-0">讓多方視訊會議更EZ</p>
            <div class="form_left_content d-none d-md-block">
                <p class="text-center">LiveEZ以超高視訊品質<br>
                    讓任何地點皆可視訊對談<br>
                    更以跨平台使用支援<br>
                    iOS或Android行動裝置<br>
                    亦可輕鬆進行視訊會議<br>
                    可多方加入進行多點視訊會議</p>
            </div>
            <div class="logo_zsystem">
                <img src="./liveez_images/zsystem.svg" alt="">
            </div>
        </div> -->
        <div class="col-lg-4 col-md-4 col-12 form_right d-flex flex-column align-items-center" style="height: 85vh">
            <div class="form_right_titel">
                <p class="text-center d-flex flex-column align-items-center justify-content-center pl-3 pr-3 mt-2">
                    {{-- JoinEZ 校園版&nbsp;建立房間<br> <span>遠端教學系統</span> --}}
                    {!! config('app.name') !!}

                </p>
            </div>
            <div class="form_box">
                <form action="room/open" method="post" enctype="multipart/form-data">

                    {{ csrf_field() }}

                    @if (\Request::get("id") == "meetroom")

                    <div class="form-group">
                        <label for="room_id" class="text-primary">目前使用 :  </label>
                    </div>
                    <input type="hidden" name="room_id" value="">
                    <input type="hidden" name="room_name" value="">
                    <input type="hidden" name="course_name" value="會議室">

                    <div class="form-group">
                        <label class="text-primary">設定進入密碼</label>
                        <input type="text" name="password" class="form_text">
                    </div>

                    @else

                    <div class="form-group">
                        <label for="room_id" class="text-primary">目前使用教室 :  </label>
                    </div>
                    <input type="hidden" name="room_id" value="">
                    <input type="hidden" name="room_name" value="">
                    <div class="form-group">
                        <label class="text-primary">課程名稱</label>
                        <input type="text" name="course_name" class="form_text">
                    </div>

                    <div class="form-group">
                        <label class="text-primary">設定進入密碼</label>
                        <input type="text" name="password" class="form_text">
                    </div>

                    @endif


                    <button type="submit" class=" form_right_btn">開啟</button>
                </form>
                <!-- <button class="form_right_btn_new" onclick="javascript:location.href='forget_password.php'">忘記密碼</button> -->
            </div>
            <br>

        </div>
    </div>
</div>
<div class="bg">
    <!-- <img src="./liveez_images/bg.jpg" alt=""> -->
    <img src="./liveez_images/bg_sc.jpg" alt="">
</div>

@endsection

@section('jsscript')
<script>
    function load_room_info(e) {

var obj = $(e);
// var target_act = $act_name[obj.data('act')];
// var target_act = obj.data('act');
// var target_name = obj.data('target');
var target_id = obj.data('id');
// var content;

new $.Zebra_Dialog({
type: "FALSE",
width: 1000,
height: 600,
source: {
ajax: "./room_user_list.php?room_id=" + target_id,
},
buttons: [{
caption: '關閉',
callback: function() {}
},

]
});
}


function user_kill(id) {
new $.Zebra_Dialog(
'將人員移除房間', {
type: 'warning',
title: '確定移除人員？',
buttons: [{
caption: '確定',
custom_class: 'pull-left ',
callback: function() {

alert_box("移除完畢");
}
},
{
caption: '關閉',
custom_class: 'btn-btn btn-lg btn-red',
callback: function() {}
},
]
});

}
</script>
@endsection