@extends('layouts.app')

@section('content')
<div class="container-fluid p-3 pt-0">
    <div class="my-5">
            <div id="log-movie-page"></div>
            <div id="log-movie-page-b-2"></div>
            <div id="event_day_flg-{{$event_day_flg}}"></div>
            <noscript>
                <p>Java Scriptが無効になっています。</p>
                <p>視聴に問題が起こる可能性があるため、有効にしてください。</p>
            </noscript>
            <hr>
            <h3><span class="pr-4" id="event_title_output"></span>
                <!-- アクセスログエラー等、エラーの表示--------->
                <br class="phone_area"><span class="badge badge-danger f16 px-3" id="log_flg" style="display: none;"><i class="fas fa-exclamation-circle fa-fw"></i>通信環境悪くなっています。リロードして下さい。</span>
            </h3>
            @if ($user->user_role == 1)
                <div class="form-group">
                    Adminだけここ見れます<br><textarea id="event_title" row="3" class="form-control"></textarea>
                </div>
                <div class="text-center">
                    <button id="event_title_send" class="btn btn-primary">送信</button>
                    <button id="event_title_delete" class="btn btn-primary">削除</button>
                </div>
            @endif

            <div class="row mt-3 px-1">
                <!-- 動画埋め込み -->
                <div class="col-lg-9">
                    <!-- 16:9 aspect ratio -->
                    <div class="embed-responsive embed-responsive-16by9 mb-3">
                        <iframe class="embed-responsive-item" src="https://vimeo.com/event/1571423/embed/3f46ca8faa" allowfullscreen frameborder="0" allow="autoplay; fullscreen"></iframe>
                    </div>
                </div>
                <div class="col-lg-3">
                    <iframe src="https://vimeo.com/event/1571423/chat/3f46ca8faa" width="100%" height="100%" frameborder="0" style="min-height: 360px;"></iframe>
                </div>
                <!-- /動画埋め込み -->
            </div>
            <div class="container-fluid p-3 pt-0">
                <div class="row px-1">
                    <div class="col-lg-9">
                        <h5 class="f16 mb-0"><span class="program_detail pr-2"></span>PROGRAM DETAIL</h5>
                        <hr class="border_dot">
                        <div class="card mb-3">
                            <div class="card-body">
                                <h5 class="card-title f16" id="summary_output"></h5>
                            </div>
                        </div>
                        @if ($user->user_role == 1)
                            <div class="form-group">
                                Adminだけここ見れます<br><textarea id="summary" row="3" class="form-control"></textarea>
                            </div>
                            <div class="text-center">
                                <button id="summary_send" class="btn btn-primary">送信</button>
                                <button id="summary_delete" class="btn btn-primary">削除</button>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div>
                ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊<br>
このコンテンツは東海ライブ研究会の著作物です。著作権法上、許可なく複製、上映、公衆送信、展示、頒布、譲渡、貸与することは禁じられています。<br>違反した場合には、著作権法の規定により罰せられ、損害賠償義務を負う場合があります。これらの不正行為を発見した場合には、すみやかに事務局までご連絡ください。<br>
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊<br>
            </div>

            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
            <script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script>
            <script>
                function comment() {
                    'use strict';
                    //Firebaseの初期化
                    firebase.initializeApp({databaseURL: "https://tcross-jbc.firebaseio.com", storageBucket: 'gs://tcross-jbc.appspot.com',apiKey: "AIzaSyB3Fn2Ecx5HDHdThcN18fAGS5SAij71Jkg", authDomain: "https://tcross-jbc.firebaseapp.com",});
                    const database = firebase.database();
                }comment();
            </script>
            <script type="text/javascript" src="{{ asset('js/note.js') }}?20210709"></script>
            <script type="text/javascript" src="{{ asset('/js/common.js') }}"></script>
    </div>
</div>
@endsection