@extends('layouts.console')
@section('title','スタッフ管理')@section('console','店舗管理')@section('heading','スタッフ管理')
@section('who', auth('member')->user()->name.' 様')@section('logout', route('member.logout'))
@section('nav')@include('member._nav')@endsection

@section('content')
<div class="card card-pad" style="background:var(--brand-pale);margin-bottom:14px;">
  <div class="small muted">対象店舗（スタッフは店舗ごとに登録します）</div>
  <div style="font-weight:900;">{{ $shop->name }}（{{ $shop->pref }}・{{ $shop->city }}）</div>
</div>

<section class="sec">
  <div class="sec-hd"><h2 class="ic-users">在籍スタッフ（{{ $staffs->count() }}名）</h2></div>
  <table class="tbl">
    <tr><th>名前</th><th>年齢</th><th>状態</th></tr>
    @forelse($staffs as $st)
    <tr><td>{{ $st->name }}</td><td>{{ $st->age }}</td><td><span class="badge {{ $st->is_published?'ok':'off' }}">{{ $st->is_published?'公開':'非公開' }}</span></td></tr>
    @empty
    <tr><td colspan="3" class="muted">スタッフ未登録</td></tr>
    @endforelse
  </table>
</section>

<section class="sec">
  <div class="sec-hd"><h2 class="ic-pen">スタッフ追加</h2></div>
  <form class="card card-pad" method="post" action="{{ route('member.staff.save',$shop) }}">@csrf
    <div class="row" style="gap:12px;">
      <div class="field" style="flex:1;"><label>名前<span class="req">*</span></label><input type="text" name="name"></div>
      <div class="field" style="width:120px;"><label>年齢</label><input type="text" name="age"></div>
    </div>
    <div class="field"><label>ひとこと</label><textarea name="comment"></textarea></div>
    <button class="btn primary">保存</button>
  </form>
</section>
@endsection