@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="center_title">
            <h3 class="text-center d-flex flex-column align-items-center justify-content-center pl-3 pr-3 mt-2">LiveEZ
                鼓山國中 校園版&nbsp;<br> <span>遠端教學系統</span> </h3>
        </div>
        <div class="clearfix"></div>
        {{-- {{ session("name") }} --}}
        <div class="clearfix"></div>
        {{-- <div class="card">
            <div class="card-body">Basic card</div>
        </div> --}}
        <div class=" form-inline d-flex">
            @foreach ($class_room as $key => $value)
            <div class="class_room_box">
                <p class="text-center d-flex flex-column align-items-center justify-content-center pl-1 pr-1 mt-1"
                    data-id="{{$key}}" onclick="">{{$key}}|{{$value}} <br>
                    <span>
                        {{-- 教師用 --}}
                        @if (session("uid") > 0)
                        @if (strlen(@$room_data[$key]) > 0)
                        @if (strlen(@$own_room[$key]) > 0)

                        <a href='room/main?uuid={{@$room_data[$key]}}&user_name={{session("name")}}'
                            class='btn btn-primary btn-sm'>進入</a>
                        @else
                        <span class=' btn btn-danger btn-sm'>上課中</span>

                        @endif
                        @else
                        <a href='room_open?id={{$key}}&name={{$value}}' class='btn btn-success btn-sm'>可以使用</a>
                        @endif
                        @else
                        @if (strlen(@$room_data[$key]) > 0)
                        <a href='room_going?id={{$key}}&name={{$value}}&uniqid={{$room_data[$key]}}'
                            class='btn btn-success btn-sm'>進入上課</a>
                        @else
                        <span class=' btn btn-danger btn-sm'>未開課</span>
                        @endif
                        @endif


                    </span>
                </p>
            </div>

            @endforeach

        </div>

        <br>

    </div>
</div>
</div>

<div class="bg">
    {{-- <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>

@if ($errors->any())
{{-- <div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
@endforeach
</ul>
</div> --}}
<script>
    new $.Zebra_Dialog(
    '非正常方式進入房間 移動到教室列表');
</script>
@endif
@endsection