@extends('theme.'.env('THEME').'.peertube')

@section('content')
  <div id="content" tabindex="-1" class="main-col">
    <div class="main-row">
      <my-login class="ng-star-inserted">
        <div class="margin-content">
          <div class="title-page title-page-single">ログイン</div>
          @if (!is_null($res['err'])) <div _ngcontent-fjg-c238="" class="alert alert-danger ng-star-inserted">{{ $err }}</div> @endif
          <div class="wrapper ng-star-inserted">
            <div class="login-form-and-externals">
              <form action="/peertube/login" method="post" role="form" id="plugin-selector-login-form" class="ng-pristine ng-invalid ng-touched">
                @csrf
                <div class="form-group">
                  <div>
                    <label for="username">ユーザー</label>
                    <input type="text" name="username" placeholder="ユーザー名かメールアドレス" required="" tabindex="1" myautofocus="" class="form-control ng-pristine ng-invalid ng-touched">
                  </div>
                </div>
                <div class="form-group">
                  <label for="password">パスワード</label>
                  <input type="password" class="form-control ng-untouched ng-pristine ng-valid" name="password" autocomplete="current-password" placeholder="パスワード" tabindex="2">
                </div>
                <input type="submit" value="ログイン" class="peertube-button orange-button">
                <div class="additionnal-links">
                  <a title="クリックしてパスワードをリセットします" class="forgot-password-button">パスワードを忘れました</a>
                  <div class="signup-link ng-star-inserted">
                    <span>·</span><a class="create-an-account" href="/signup">アカウントを作成する</a>
                  </div>
                </div>
                <div role="alert" class="looking-for-account alert alert-info">
                  <h6 class="alert-heading">あなたのアカウントでログインする事で、コンテンツを公開することができます</h6>
                  <div class="ng-star-inserted"> This instance allows registration. However, be careful to check the Terms before creating an account. You may also search for another instance to match your exact needs at: <br><a href="https://joinpeertube.org/instances" target="_blank" rel="noopener noreferrer" class="alert-link">https://joinpeertube.org/instances</a>. </div>
                </div>
              </form>
            </div>
            <div class="instance-information">
              <my-instance-about-accordion>
                <h2 class="instance-name">076動画</h2>
                <div class="instance-short-description">JSのないPeerTube</div>
                <ngb-accordion role="tablist" class="accordion" aria-multiselectable="false">
                  <div class="card ng-star-inserted">
                    <div role="tabpanel" id="terms" aria-labelledby="terms-header" class="ng-star-inserted collapse show">
                      <div class="card-body">
                        <div _ngcontent-fjg-c88="" class="block ng-star-inserted">
                          <p>
                            ・デフォルトで各ユーザーは一日2GBまで、総合50GBまでアップ出来ますが、信頼があれば、限界を段々増大するかもしれません。<br>
                            ・差別は禁止です。人種、宗教、国籍、性別、ワクチン状況等込み。冗談はOKです。<br>
                            ・リアポルノは禁止です。2D画像又はCGIはOKです。（例えば、児ポはNGですが、ロリコン・ショタコンはOKです）<br>
                            ・無駄な報告を見逃します。０７６のルール違反じゃなければ、反応しません。著作権（DMCA込み）について報告は迷惑メールとして扱います。著作権＝権威主義（共産主義）の詐欺ですから。<br>
                            ・政治について会話は禁止じゃないですが、出来れば喧嘩をご遠慮下さい。<br>
                            ・詐欺、スパムBOT等はすぐBANします。<br>
                            ・管理者はテクニカル諏訪子しかいません。ユーザーでの問題があれば、まずはあのユーザーで解いてみて下さい。
                          </p>
                          <p>
                            ・By default, each user can increase up to 2GB per day, up to 50GB in total, but if you have confidence, the limit may gradually increase.<br>
                            ・Discrimination is prohibited. Includes race, religion, nationality, gender, vaccine status, etc. The joke is OK.<br>
                            ・Rear porn is prohibited. 2D image or GCI is OK. (For example, child po is NG, but lolicon and shotacon are OK)<br>
                            ・Miss useless reports. Unless it violates the 076 rule, it will not respond. Report on copyright (including DMCA) will be treated as junk mail. Copyright = authoritarian (communist) fraud.<br>
                            ・Conversations about politics are not prohibited, but please refrain from fighting if possible.<br>
                            ・Fraud, spam BOT, etc. will be banned immediately.<br>
                            ・The only administrator is TechnicalSuwako. If you have a problem with a user, please try to solve it with that user first.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </ngb-accordion>
              </my-instance-about-accordion>
            </div>
          </div>
        </div>
      </my-login>
    </div>
  </div>
@endsection