@extends('layout.layout')

{{-- Style --}}
@push('links')
@endpush

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])
<div class="row mb-3">
  <div class="col-12 offset-md-1 col-md-10">
    <div class="card">
      <h5 class="card-header align-middle">佈告欄訂閱資料</h5>
      <div class="card-body">
        <table class="table table-bordered fixed">
          <tbody>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">佈告欄類型</th><td class="align-middle text-left w-75" colspan="3">{{$model->type_name}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">佈告欄</th><td class="align-middle text-left w-75" colspan="3">{{$model->display_name}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">是否寄送通知</th><td class="align-middle text-left w-75" colspan="3">{{$model->notification_name}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">訂閱時間類型</th><td class="align-middle text-left w-75" colspan="3">{{$model->subscription_type->name}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">起迄日</th><td class="align-middle text-left w-75" colspan="3">{{$model->subscription_period}}</td>
            </tr>
          </tbody>
        </table>
        <div class="text-right">
          <a type="button" class="btn btn-success py-1" href="{{$edit_route}}">
            <i class="fas fa-edit fa-fw"></i><span class="ml-1">編輯</span>
          </a>
          @can('cancellSubscribe', $model)
            {{-- 全校的不可取消 --}}
            @if($model->type != 'schoolwide')
              <form action="{{$delete_route}}" method="post" id="del_form" class="d-inline-block">
                @csrf
                <span class="btn btn-danger py-1 delete-btn">
                  <i class="fas fa-trash"></i>
                  <span class="ml-1">取消訂閱</span>
                </span>
              </form>
            @endif
          @endcan
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" nonce="{{ csp_nonce() }}">
$(document).ready(function() {
  $(document).on('click', '.delete-btn', function() {
    if (!confirm('取消訂閱後設定將會遺失\n\n您確定要取消訂閱嗎？')) {
      return;
    }
    $('#del_form').submit();
  });
});
</script>
@endpush