@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="room/img/joinEZ_LOGO.svg" 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 bg-success">
                <div class="card-body">
                    {!! config('app.name') !!}
                    {{-- <h3 class="text-center text-white">LiveEZ 鼓山高中 校園版&nbsp;<br> </h3>
                    <div class="text-center text-white">遠距教學免煩惱，在家學習揪EZ</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>
                    @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>
                    @endif
                    @endif
            </span>
        </div>
        @endforeach
    </div>


    <div class="d-flex justify-content-center bg-warning mt-2 mb-1">
        <div class="p-3 bg-warning">
            <h3>高中部</h3>
        </div>
    </div>

    <div class="d-flex flex-wrap align-content-around">
        @foreach ($class_room2 as $key => $value)
        <div class="p-3 bg-warning 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>
                    @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>
                    @endif
                    @endif
            </span>
        </div>
        @endforeach
    </div>

    @if (session("uid") > 0)

    <div class="d-flex flex-wrap align-content-around">

        <div class="p-3 bg-secondary mb-3 card ml-1">
            @if (strlen(@$meet_room["會議室1"]))
            <a href='room/meet?uuid={{ $meet_room["會議室1"] }}&user_name={{ session("name") }}'
                class='btn btn-primary btn-sm form-control'>進入會議室1</a>

            @if (session("uid")<77) <button type="button" class="btn btn-sm btn-danger form-control"
                onclick="close_meet('{{ $meet_room["會議室1"] }}')">關閉會議室1</button>
                @endif

                @else
                <a href='room_open?id=meetroom&name=會議室1' class='btn btn-success btn-sm form-control'>會議室1</a>

                @endif
        </div>
        <div class="p-3 bg-secondary mb-3 card ml-1">
            @if (strlen(@$meet_room["會議室2"]))
            <a href='room/meet?uuid={{ $meet_room["會議室2"] }}&user_name={{ session("name") }}'
                class='btn btn-primary btn-sm form-control'>進入會議室2</a>

            @if (session("uid")<77) <button type="button" class="btn btn-sm btn-danger form-control"
                onclick="close_meet('{{ $meet_room["會議室2"] }}')">關閉會議室2</button>
                @endif

                @else
                <a href='room_open?id=meetroom&name=會議室2' class='btn btn-success btn-sm form-control'>會議室2</a>
                @endif

                {{-- <a href='room_open?id=meetroom&name=會議室2' class='btn btn-success btn-sm form-control'>會議室2</a> --}}
        </div>
        <div class="p-3 bg-secondary mb-3 card ml-1">
            @if (strlen(@$meet_room["會議室3"]))
            <a href='room/meet?uuid={{ $meet_room["會議室3"] }}&user_name={{ session("name") }}'
                class='btn btn-primary btn-sm form-control'>進入會議室3</a>
            @if (session("uid")<77) <button type="button" class="btn btn-sm btn-danger form-control"
                onclick="close_meet('{{ $meet_room["會議室3"] }}')">關閉會議室3</button>
                @endif
                @else
                <a href='room_open?id=meetroom&name=會議室3' class='btn btn-success btn-sm form-control'>會議室3</a>
                @endif
                {{-- <a href='room_open?id=meetroom&name=會議室3' class='btn btn-success btn-sm form-control'>會議室3</a> --}}
        </div>

    </div>
    @endif

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