@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-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">
                    {{-- LiveEZ 校園版&nbsp;建立房間<br> <span>遠端教學系統</span>  --}}
                    {!! config('app.name') !!}

                </p>
            </div>
            <div class="form_box">

                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form action="room/going" method="post" enctype="multipart/form-data">

                    {{ csrf_field() }}


                    <div class="form-group">
                        <label for="room_id" class="text-primary">目前使用教室 :  </label>
                    </div>
                    <input type="hidden" name="room_id" value="{{@$room_id}}">
                    <input type="hidden" name="uniqid" value="{{@$uniqid}}">

                    {{-- <div class="form-group">
                        <label class="text-primary">學生姓名</label>
                        <input type="text" name="user_name" class="form_text" value="{{old("user_name")}}" required>
            </div> --}}

            <div class="form-group">
                <label class="text-primary">座位</label>
                <select name="seat" id="">
                    @foreach ($room_seat as $item)
                    <option value="{{@$item}}">{{@$item}}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label class="text-primary">進入密碼</label>
                <input type="text" name="password" class="form_text" value="{{old("password")}}" required>
            </div>

            <button type="submit" class=" form_right_btn">登入</button>
            </form>
        </div>

    </div>
</div>
</div>
<div class="bg">
    <!-- <img src="./liveez_images/bg.jpg" alt=""> -->
    <img src="./liveez_images/school_bg.jpeg" 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