@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/LiveEZ_Logo.svg" style="opacity: 1;" class="pop_ctrl">

        @include('liveez.pop_menu')

    </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') !!}
                </div>
            </div>
        </div>
    </div>

    <table class="table">
        <thead class="thead-light">
            <tr>
                <th scope="col">序號</th>
                <th scope="col">教室名稱</th>
                <th scope="col">課程名稱</th>
                <th scope="col">開啟時間</th>
                <th scope="col">關閉時間</th>
                <th scope="col">功能</th>
            </tr>
        </thead>

        <tbody>

            @foreach ($room_data as $item)
            <tr>
                <th scope="row">{{ $item->id }}</th>
                <td>{{ $item->room_name }}</td>
                <td>{{ $item->course_name }}</td>
                <td>{{ $item->created_at }}</td>
                <td>{{ $item->updated_at }}</td>
                <td>
                    <a class="btn btn-success" href="out_list?uniqid={{ $item->uniqid }}" target="_NEW">名單下載</a>
                    <a class="btn btn-info" href="out_question?uniqid={{ $item->uniqid }}" target="_NEW">測驗紀錄下載</a>
                </td>
            </tr>
            @endforeach

        </tbody>
    </table>
    {{-- <ul class="pagination">
        <li class="page-item disabled">
            <span class="page-link">«</span>
        </li>
        <li class="page-item active">
            <span class="page-link">1</span>
        </li>
        <li class="page-item">
            <a href="http://laravelcode.test?page=2" class="page-link">2</a>
        </li>
        <li class="page-item">
            <a href="http://laravelcode.test?page=2" rel="next" class="page-link">»</a>
        </li>
    </ul> --}}


    {!! $room_data->links("pages") !!}

</div>

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

@endsection


@section('jsscript')
<script>
    $('#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長寬
});
</script>

@endsection