@extends('layouts.site')

@section('content')

<div class="within">
  <div class="bar">
    <img src="/assets/flags/{{ $res[0]->country }}.png" />
    <span style="{{ $res[0]->name_style }}">{{ $res[0]->display_name }}</span>
   （{{ $res[0]->gender_name }}）
  </div>
  <div class="back">
    <div class="row">
      <div class="col" style="text-align: center;"><img src="/{{ $res[0]->avatar }}" width="100px" /><br /></div>
    </div>
    <div class="row">
      <div class="col">
        <h3>一般</h3>
        <div class="row">
          <div class="col-sm-3">ロール：</div>
          <div class="col">{{ $res[0]->group_name }}</div>
        </div>
        <div class="row">
          <div class="col-sm-3">登録日：</div>
          <div class="col">{{ $res[0]->reg_date }}</span></div>
        </div>
        <hr style="border-top: 1px solid #3daee9" />
        @if ($res[0]->bio)
        <h3>自己紹介</h3>
        {{ $res[0]->bio }}
        @endif
        <hr style="border-top: 1px solid #3daee9" />
        <h3>連絡</h3>
        <span>
          @if ($res[0]->youtube_link && $res[0]->youtube_name)
          <div class="row">
            <div class="col-sm-3">ユーチューブ：</div>
            <div class="col"><a href="{{ $res[0]->youtube_link }}">{{ $res[0]->youtube_name }}</a></div>
          </div>
          @endif
          <div class="row">
            <div class="col-sm-3">ビットチュート：</div>
            <div class="col"></div>
          </div>
          @if ($res[0]->niconico)
          <div class="row">
            <div class="col-sm-3">ニコニコ動画：</div>
            <div class="col"><a href="{{ $res[0]->niconico }}">{{ $res[0]->niconico }}</a></div>
          </div>
          @endif
          @if ($res[0]->discord)
          <div class="row">
            <div class="col-sm-3">ディスコード：</div>
            <div class="col">{{ $res[0]->discord }}</div>
          </div>
          @endif
          @if ($res[0]->pixiv)
          <div class="row">
            <div class="col-sm-3">Pixiv：</div>
            <div class="col">{{ $res[0]->pixiv }}</div>
          </div>
          @endif
          @if ($res[0]->twitter)
          <div class="row">
            <div class="col-sm-3">ツイッター：</div>
            <div class="col"><a href="https://www.twitter.com/{{ $res[0]->twitter }}">{{ $res[0]->twitter }}</a></div>
          </div>
          @endif
        </span>
      </div>
    </div>
  </div>
</div>

@endsection