@extends('layouts.console')
@section('title','バナー管理')@section('console','運営管理')@section('heading','バナー管理')
@section('who','管理者')@section('logout', route('admin.logout'))
@section('nav')@include('admin._nav')@endsection

@section('content')
<section class="sec">
  <div class="sec-hd"><h2 class="ic-shop">バナー一覧</h2></div>
  <p class="small muted" style="margin:0 0 8px;">画像は外部URL もしくはサーバ内パス（FTPで <code>/public_html/banner-uploads/</code> 等に置いて相対パスを指定）。表示位置: {{ implode(' / ',$positions) }}。</p>

  @forelse($banners as $b)
  <form method="post" action="{{ route('admin.banners.save') }}" class="card card-pad" style="margin-bottom:8px;">@csrf
    <input type="hidden" name="id" value="{{ $b->id }}">
    <div class="row" style="gap:10px;flex-wrap:wrap;align-items:center;">
      <span class="small muted">#{{ $b->id }}</span>
      <label class="small">位置
        <select name="position">
          @foreach($positions as $k=>$label)<option value="{{ $k }}" @selected($b->position===$k)>{{ $label }}</option>@endforeach
        </select>
      </label>
      <label class="small">順<input type="number" name="ordering" value="{{ $b->ordering }}" style="width:64px;"></label>
      <label class="small"><input type="checkbox" name="is_active" value="1" @checked($b->is_active)> 公開</label>
    </div>
    <div class="field"><label>タイトル</label><input type="text" name="title" value="{{ $b->title }}"></div>
    <div class="row" style="gap:10px;flex-wrap:wrap;">
      <div class="field" style="flex:1;min-width:260px;"><label>画像URL/パス</label><input type="text" name="image" value="{{ $b->image }}" placeholder="https://… または /banner-uploads/foo.jpg"></div>
      <div class="field" style="flex:1;min-width:260px;"><label>リンク先URL</label><input type="text" name="url" value="{{ $b->url }}" placeholder="https://…"></div>
    </div>
    <div class="row" style="gap:10px;flex-wrap:wrap;">
      <div class="field"><label>掲載開始</label><input type="date" name="open_date" value="{{ optional($b->open_date)->format('Y-m-d') }}"></div>
      <div class="field"><label>掲載終了</label><input type="date" name="close_date" value="{{ optional($b->close_date)->format('Y-m-d') }}"></div>
    </div>
    <div class="field"><label>広告テキスト（任意）</label><input type="text" name="adtext" value="{{ $b->adtext }}"></div>
    @if($b->image)<div class="small muted" style="margin-top:6px;">プレビュー：<img src="{{ $b->image }}" alt="" style="max-height:60px;border:1px solid var(--line);vertical-align:middle;" onerror="this.style.display='none'"></div>@endif
    <div style="display:flex;gap:8px;margin-top:8px;">
      <button class="btn btn-sm primary">保存</button>
      <button class="btn btn-sm" formaction="{{ route('admin.banners.delete',$b) }}" formmethod="post" onclick="return confirm('削除します。よろしいですか？')">削除</button>
    </div>
  </form>
  @empty
  <div class="card card-pad muted">バナー未登録</div>
  @endforelse

  <div class="sec-hd" style="margin-top:18px;"><h3 class="ic-mega" style="font-size:14px;">＋ 新規バナー</h3></div>
  <form method="post" action="{{ route('admin.banners.save') }}" class="card card-pad" style="background:var(--brand-pale);">@csrf
    <div class="row" style="gap:10px;flex-wrap:wrap;align-items:center;">
      <label class="small">位置
        <select name="position">
          @foreach($positions as $k=>$label)<option value="{{ $k }}">{{ $label }}</option>@endforeach
        </select>
      </label>
      <label class="small">順<input type="number" name="ordering" value="0" style="width:64px;"></label>
      <label class="small"><input type="checkbox" name="is_active" value="1" checked> 公開</label>
    </div>
    <div class="field"><label>タイトル</label><input type="text" name="title" required></div>
    <div class="row" style="gap:10px;flex-wrap:wrap;">
      <div class="field" style="flex:1;min-width:260px;"><label>画像URL/パス</label><input type="text" name="image" placeholder="https://… or /banner-uploads/xxx.jpg" required></div>
      <div class="field" style="flex:1;min-width:260px;"><label>リンク先URL</label><input type="text" name="url" placeholder="https://…"></div>
    </div>
    <div class="row" style="gap:10px;flex-wrap:wrap;">
      <div class="field"><label>掲載開始</label><input type="date" name="open_date"></div>
      <div class="field"><label>掲載終了</label><input type="date" name="close_date"></div>
    </div>
    <button class="btn btn-sm primary">追加</button>
  </form>
</section>

<section class="sec" style="margin-top:24px;">
  <div class="sec-hd"><h2 class="ic-mega">お知らせ（参考表示）</h2></div>
  <table class="tbl">
    <tr><th>日付</th><th>タイトル</th><th>公開</th></tr>
    @forelse(\App\Models\News::latest()->get() as $n)
    <tr><td>{{ optional($n->published_at)->format('Y-m-d') }}</td><td>{{ $n->title }}</td><td><span class="badge {{ $n->is_published?'ok':'off' }}">{{ $n->is_published?'公開':'下書き' }}</span></td></tr>
    @empty
    <tr><td colspan="3" class="muted">お知らせ未登録</td></tr>
    @endforelse
  </table>
</section>
@endsection