@extends('layouts.console')
@section('title','プラン・お支払い')@section('console','店舗管理')@section('heading','プラン・お支払い')
@section('who', $member->name.' 様')@section('logout', route('member.logout'))
@section('nav')@include('member._nav')@endsection

@section('content')
<section class="sec">
  <div class="sec-hd"><h2 class="ic-shop">現在のプラン</h2></div>
  <div class="card card-pad">
    <div style="font-weight:900;font-size:18px;">{{ $current->name }}</div>
    @if($sub && $sub->ends_at)
      <div class="small muted">有効期限：{{ $sub->ends_at->format('Y-m-d') }}（{{ $sub->cycle==='year'?'年払い':'月払い' }}）</div>
    @elseif($current->isFree())
      <div class="small muted">無料プランをご利用中です。</div>
    @endif
    @if($pending)
      <div class="badge off" style="margin-top:8px;">申込手続き中：入金確認待ち</div>
    @endif
  </div>
</section>

<section class="sec">
  <div class="sec-hd"><h2 class="ic-rank">プラン一覧</h2></div>
  <div class="rank-list">
    @foreach($plans as $p)
    <div class="card card-pad" style="margin-bottom:10px;">
      <div class="row between" style="gap:12px;flex-wrap:wrap;align-items:flex-start;">
        <div style="flex:1;min-width:220px;">
          <div style="font-weight:900;">{{ $p->name }} @if($p->id===$current->id)<span class="badge ok">利用中</span>@endif</div>
          <div class="small muted">{{ $p->description }}</div>
          <div class="small" style="margin-top:6px;">
            @foreach(config('billing.features') as $code=>$f)
              @php $v = ($p->features[$code] ?? null); @endphp
              @if($v)<span class="tag">{{ $f['label'] }}@if($f['type']==='int')：{{ $v }}@endif</span>@endif
            @endforeach
          </div>
        </div>
        <div style="text-align:right;min-width:180px;">
          @if($p->isFree())
            <div style="font-weight:900;">¥0</div>
          @else
            <div style="font-weight:900;">¥{{ number_format($p->price_month) }}<span class="small muted">/月</span></div>
            @if($p->price_year)<div class="small muted">¥{{ number_format($p->price_year) }}/年</div>@endif
            @if($p->id!==$current->id && !$pending)
              @if((int)$p->price_month > (int)$current->price_month)
              <form method="post" action="{{ route('member.billing.subscribe') }}" style="margin-top:8px;">@csrf
                <input type="hidden" name="plan_id" value="{{ $p->id }}">
                <select name="cycle" class="small"><option value="month">月払い</option>@if($p->price_year)<option value="year">年払い</option>@endif</select>
                <button class="btn primary btn-sm" onclick="return confirm('「{{ $p->name }}」を申し込みます。請求書（振込）を発行します。よろしいですか？')">アップグレード</button>
              </form>
              @else
              <div class="small muted" style="margin-top:8px;">下位プランへの変更（ダウングレード）はこの画面では行えません。<br>変更をご希望の場合は管理までご連絡ください。</div>
              @endif
            @endif
          @endif
        </div>
      </div>
    </div>
    @endforeach
  </div>
  <p class="small muted" style="margin-top:8px;">※ お支払いは銀行振込です。入金確認後に有料機能が有効化されます。</p>
</section>

<section class="sec">
  <div class="sec-hd"><h2 class="ic-doc">請求書履歴</h2></div>
  <table class="tbl">
    <tr><th>請求番号</th><th>発行日</th><th>金額(税込)</th><th>状態</th><th>支払期限</th></tr>
    @forelse($invoices as $iv)
    <tr>
      <td>{{ $iv->code }}</td>
      <td>{{ $iv->issued_at?->format('Y-m-d') }}</td>
      <td>¥{{ number_format($iv->total) }}</td>
      <td><span class="badge {{ $iv->status==='paid'?'ok':'off' }}">{{ ['issued'=>'未入金','paid'=>'入金済','void'=>'無効'][$iv->status] ?? $iv->status }}</span></td>
      <td>{{ $iv->due_at?->format('Y-m-d') }}</td>
    </tr>
    @empty
    <tr><td colspan="5" class="muted">請求書はありません。</td></tr>
    @endforelse
  </table>
</section>
@endsection