@extends('layouts.app')
@section('title', 'ニュース詳細')

@section('content')
{{-- ▼ コンテンツヘッダー（パンくず） --}}
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-lg-6"><h1 class="m-0 text-dark">ニュース詳細</h1></div>
      <div class="col-lg-6">
        <ol class="breadcrumb float-sm-right text-sm">
          <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
          <li class="breadcrumb-item"><a href="{{ route('news') }}">最新ニュース登録</a></li>
          <li class="breadcrumb-item active">詳細</li>
        </ol>
      </div>
    </div>
  </div>
</div>

<section class="content">
<div class="container-fluid">
  {{-- ▼ 詳細表示 --}}
  <div class="card">
    <div class="card-body">
      <dl class="row">
        <dt class="col-sm-3">ニュースID</dt><dd class="col-sm-9">{{ $news->id }}</dd>
        <dt class="col-sm-3">ニュース内容</dt><dd class="col-sm-9"><pre class="mb-0" style="white-space:pre-wrap;">{{ $news->news }}</pre></dd>
        <dt class="col-sm-3">公開日時</dt><dd class="col-sm-9">{{ $news->open_datetime }}</dd>
        <dt class="col-sm-3">リンクURL</dt><dd class="col-sm-9">{{ $news->link_url }}</dd>
        <dt class="col-sm-3">画像1URL</dt><dd class="col-sm-9">{{ $news->image1_filename }}</dd>
        <dt class="col-sm-3">画像2URL</dt><dd class="col-sm-9">{{ $news->image2_filename }}</dd>
        <dt class="col-sm-3">表示モード</dt>
        <dd class="col-sm-9">
            @php $modeLabel = [0=>'非表示',1=>'公開',2=>'下書き']; @endphp
            <span class="badge {{ $news->mode==1?'badge-success':($news->mode==2?'badge-warning':'badge-secondary') }}">
              {{ $modeLabel[$news->mode] ?? $news->mode }}
            </span>
        </dd>
        <dt class="col-sm-3">登録日時</dt><dd class="col-sm-9">{{ $news->created_at }}</dd>
        <dt class="col-sm-3">更新日時</dt><dd class="col-sm-9">{{ $news->updated_at }}</dd>
        <dt class="col-sm-3">オペレーターID</dt><dd class="col-sm-9">{{ $news->operator_id }}</dd>
      </dl>

      {{-- ▼ 操作ボタン --}}
      <div class="text-right">
        <a href="{{ route('news_edit', ['id'=>$news->id]) }}" class="btn btn-primary">編集</a>
        <form method="post" action="{{ route('news_delete') }}" class="d-inline" onsubmit="return confirm('削除しますか？')">
          @csrf
          <input type="hidden" name="id" value="{{ $news->id }}">
          <button class="btn btn-outline-danger">削除</button>
        </form>
        <a href="{{ route('news') }}" class="btn btn-outline-secondary">一覧に戻る</a>
      </div>
    </div>
  </div>
</div>
</section>
@endsection
