@extends('layout.main_school')


@section('content')

<div class="container-fluid pl-0 pr-0" id="mobile_dete">

    <span style="position: absolute;margin-top: 1;width: 100px;cursor: pointer;" id="pop_menu">
        {{-- <img src="https://www.ksu.edu.tw/resource/image/logo/logo.png" style="opacity: 1;" class="pop_ctrl"> --}}

        @if (session("uid") > 0)
        {{-- @include('liveez.pop_menu') --}}
        @endif
    </span>




    <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">
            <div class="card ">
                <div class="card-body">
                    {{-- {!! config('app.name') !!} --}}
        <img src="https://www.ksu.edu.tw/resource/image/logo/logo.png" style="opacity: 1;" class="pop_ctrl">

                    {{-- <h3 class="text-center text-white">EZ KSU &nbsp;<br> </h3> --}}
                    {{-- <div class="text-center text-white">遠距教學免煩惱</div> --}}
                </div>
            </div>

        </div>

    </div>



    <div class="d-flex justify-content-center bg-info mt-2 mb-1">
        <div class="p-3 bg-info">
            <h3>教學大樓</h3>
        </div>
    </div>

    <div class="d-flex flex-wrap">
        @foreach ($class_room1 as $key => $value)
        <div class="p-3 bg-info mb-3 card ml-1">
            {{-- {{$key}}| --}}
            {{$value}}
            <span>
                {{-- 教師用 --}}
                @if (session("uid") > 0)
                @if (strlen(@$room_data[$key]) > 0)
                @if (session("uid")<77) <button type="button" class="btn btn-sm btn-danger "
                    onclick="close_meet('{{ @$room_data[$key] }}')">關閉{{$value}}</button>
                    @endif
                    @if (strlen(@$own_room[$key]) > 0)

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

                    @endif
                    @else
                    {{-- <a href='room_open?id={{$key}}&name={{$value}}' class='btn btn-success btn-sm form-control'>可以使用</a> --}}
                    {{-- <a href='' class='btn btn-warning btn-sm form-control' target="_NEW">錄播系統</a>
                    <a href='' class='btn btn-success btn-sm form-control' target="_NEW">雙向會議</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 form-control'>進入上課</a>
                    @else
                    {{-- <span class=' btn btn-danger btn-sm form-control'>未開課</span> --}}
                    {{-- <a href='http://120.114.56.237:8081/zrs/' class='btn btn-warning btn-sm form-control' target="_NEW">錄播系統</a>
                    <a href='' class='btn btn-success btn-sm form-control' target="_NEW">雙向會議</a> --}}
                    @endif
                    @endif

                    <a href='http://120.114.56.237:8081/zrs/' target="_blank" class='btn btn-warning btn-sm form-control' title="預設帳密admin/1234" >錄播系統</a>
                    <a href='https://www.liveez.cc/roomv2/room/ez?uuid=777&user_name=%E9%9B%9E%E6%8E%92&v=ksu&class=1' class='btn btn-success btn-sm form-control' target="_blank">雙向會議(老師)</a>
                    <a href='https://www.liveez.cc/roomv2/room/ez?uuid=777&user_name=student&v=ksu&class=0' class='btn btn-primary btn-sm form-control' target="_blank">雙向會議(學生)</a>
            </span>
        </div>
        @endforeach
    </div>


    

   

</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 close_meet(uuid) {
    new $.Zebra_Dialog(
    '關閉會議室', {
    type: 'warning',
    title: '確定關閉會議室？',
    buttons: [{
    caption: '確定關閉',
    custom_class: 'pull-left ml-5',
    callback: function() {
        $.post("/room_close", {"uniqid":uuid},
            function (data, textStatus, jqXHR) {

                alert_notice("關閉會議室完成");
                // setTimeout(location.href = "",2000);
                // location.href = "";
            }
        );
    
    }
    },
    {
    caption: '取消',
    custom_class: 'btn btn-danger',
    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() {}
    },
    ]
    });

}


$('#pop_menu').popmenu({
//   'controller': true,       //false會一直卡住
  'width': '50%',         //總寬度
//   'background': '#34495e',  //背景色
//   'focusColor': '#ffffff',  //hover顏色
//   'borderRadius': '10px',   //邊角弧度
  'top': '0',              //彈出位移距離
  'left': '-50',              //彈出位移距離
  'iconSizeWidth': '100px',       //icon長寬
  'iconSizeHeight': '20px'       //icon長寬
});

$('.toast').toast('show')

</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