@extends('layouts.app')
@section('title', $staff->t('name').'｜'.$staff->shop->t('name').'｜'.config('app.name'))

@section('content')
<div class="crumb"><a href="{{ route('home') }}">{{ __('ホーム') }}</a> ＞ <a href="{{ route('shops.show',$staff->shop->id) }}">{{ $staff->shop->t('name') }}</a> ＞ {{ $staff->t('name') }}</div>
<div class="l-cols">
  <div class="l-main">
    <section class="sec">
      <div class="card">
        <div class="rank-thumb" style="width:100%;height:300px;border-radius:6px 6px 0 0;">
          @if($staff->photo)<img src="{{ \App\Support\Media::url($staff->shop->member_id,$staff->photo,900) }}" alt="{{ $staff->t('name') }}" loading="lazy">@else 写真 @endif
        </div>
        <div class="card-pad">
          <h1 class="card-title" style="font-size:22px;">{{ $staff->t('name') }} <span class="small muted">（{{ __(':n歳', ['n'=>$staff->age]) }}）</span></h1>
          <div class="small muted">{{ __('在籍店:') }} <a href="{{ route('shops.show',$staff->shop->id) }}">{{ $staff->shop->t('name') }}</a></div>
        </div>
      </div>
    </section>
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-doc">{{ __('プロフィール') }}</h2></div>
      <div class="card card-pad">
        <dl class="kv">
          <dt>{{ __('年齢') }}</dt><dd>{{ $staff->age ? __(':n歳', ['n'=>$staff->age]) : '—' }}</dd>
          <dt>{{ __('身長/体重') }}</dt><dd>{{ $staff->height?:'—' }}cm / {{ $staff->weight?:'—' }}kg</dd>
          <dt>{{ __('体型') }}</dt><dd>{{ optional($staff->bodyType)->name ? __(optional($staff->bodyType)->name) : '—' }}</dd>
          <dt>{{ __('容姿') }}</dt><dd>{{ optional($staff->lookType)->name ? __(optional($staff->lookType)->name) : '—' }}</dd>
          <dt>{{ __('髪型') }}</dt><dd>{{ optional($staff->hairType)->name ? __(optional($staff->hairType)->name) : '—' }}</dd>
          <dt>{{ __('性格') }}</dt><dd>{{ $staff->t('personality') ?: '—' }}</dd>
          <dt>{{ __('得意') }}</dt><dd>{{ $staff->t('massage') ?: '—' }}</dd>
        </dl>
      </div>
    </section>
    @if($staff->comment)
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-mega">{{ __('スタッフからひとこと') }}</h2></div>
      <div class="card card-pad"><p style="margin:0;white-space:pre-wrap;">{{ $staff->t('comment') }}</p></div>
    </section>
    @endif
  </div>
  <aside class="l-side">
    <div class="sw"><div class="sw__hd">{{ __('この店舗に連絡') }}</div>
      <div class="sw__bd">
        <a href="{{ route('shops.show',$staff->shop->id) }}" class="btn primary block" style="margin-bottom:8px;">{{ __('店舗ページへ') }}</a>
        <a href="{{ route('reviews.create',$staff->shop->id) }}" class="btn ghost block">{{ __('★ 口コミを投稿') }}</a>
      </div>
    </div>
  </aside>
</div>
@endsection