@extends('layout.layout')

@php
  $pageTitle = $news->title;
@endphp

@section('content')
@include('custom::component.reply-btn', ['url' => url()->previous()])

<div class="row mb-3">
  <div class="col-md-8 mx-auto">
    <div class="card">
      <h3 class="card-header text-center align-middle">{{$news->title}}</h3>
      <div class="card-body px-3">
        <table class="table card-tabledata">
          <tbody>
            <tr>
              <th class="text-right" scope="row" width="20%">內容</th>
              <td scope="row" width="80%">
                <div>{!! $news->content !!}</div>
              </td>
            </tr>
            @if (count($news->attachments))
            <tr>
              <th class="text-right" scope="row" width="20%">附件</th>
              <td scope="row" width="80%">
                <ul>
                  @foreach ($news->attachments as $i => $attachment)
                  <li>
                    <a href="{{route('news.getAttachment', ['news' => $news, 'id' => $attachment->id])}}" target="_blank" title="{{$news->title}}附件{{$i + 1}}">
                      @if (empty($attachment->name)){{$attachment->filename}}@else{{$attachment->name}}@endif
                    </a>
                  </li>
                  @endforeach
                </ul>
              </td>
            </tr>
            @endif
            @if(!is_null($site_id))
            <tr>
              <th class="text-right" scope="row" width="20%">關聯場地</th>
              <td scope="row" width="80%">
                @foreach ($sites as $key => $val)
                  @if (in_array($key, $site_id) && $val['badge_color'])
                  <span class="p-1 mr-1 badge" style="color:#fff;letter-spacing:1px;background-color:{!! $val['badge_color'] !!}">{{$val['name']}}</span>
                  @endif
                @endforeach
              </td>
            </tr>
            @endif
          </tbody>
          <tfoot></tfoot>
        </table>
      </div>
    </div>
  </div>
</div>
@endsection