{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template mod_bigbluebuttonbn/mobile_view_page

    This template renders the mobile page.

    Example context (json):
    {
        "bigbluebuttonbn.intro": "foo",
        "cmid": 3,
        "message": "A message",
        "errors": [
          {"error": "aaa"},
          {"error": "bbb"}
        ],
        "urltojoin": "http://foo"
    }
}}
{{=<% %>=}}
<div>
    <%#msjgroup%>
        <div style="color:#856404; background-color: #fff3cd; padding-right: 35px; border-color: #ffeeba; padding: 15px; margin-bottom: 20px;">
        <% message %>
        </div>
    <%/msjgroup%>
    <div id="bigbluebuttonbn-mobile-notifications" style="display:none; color:#31708f; background-color: #d9edf7; padding-right: 35px; border-color: #bce8f1; padding: 15px; margin-bottom: 20px;">
    {{ 'plugin.mod_bigbluebuttonbn.view_mobile_message_reload_page_creation_time_meeting' | translate }}
    </div>
    <core-course-module-description description="<% bigbluebuttonbn.intro %>" component="mod_bigbluebuttonbn" componentId="<% cmid %>"></core-course-module-description>
    <ion-list>
         <%#errors%>
            <ion-item class="ion-text-wrap">
                <ion-label>
                    <% error %>
                </ion-label>
            </ion-item>
        <%/errors%>
        <%^errors%>
            <ion-item class="ion-text-wrap" id="bigbluebuttonbn-mobile-meetingready">
                <ion-label>
                    {{ 'plugin.mod_bigbluebuttonbn.view_message_conference_room_ready' | translate }}
                </ion-label>
            </ion-item>
            <ion-button id="bigbluebuttonbn-mobile-join" class="ion-margin" expand="block" onclick="window.open('<% urltojoin %>', '_system');">
                {{ 'plugin.mod_bigbluebuttonbn.view_conference_action_join' | translate }}
            </ion-button>
        <%/errors%>
    </ion-list>
</div>