@extends('message::layouts/master')

{{-- Style --}}
@push('module-links')
<link href="{{ asset('css/datatable/datatables.min.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Content --}}
@section('module-content')
<div class="row mb-3 btn-action-section">
  <div class="col-md text-right">
    <a class="btn btn-lg btn-success" href="{{$create_route}}">
      <span class="fas fa-plus fa-fw">&ensp;</span>發送訊息
    </a>
  </div>
</div>
<div class="row">
  <div class="col-12 overflow-auto mb-5">
    <table class="table table-striped table-hover steps-datatable" id="datatable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="col">撰寫者</th>
          <th scope="col">發送日期</th>
          <th scope="col">標題</th>
          <th scope="col"></th>
        </tr>
      </thead>
      <tbody>
        <tr><td colspan="4" class="text-center">查無資料</td></tr>
      </tbody>
      <tfoot></tfoot>
    </table>
  </div>
</div>


{{-- 訊息Modal --}}
<div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
    <div class="modal-content messageModal-content">
    </div>
  </div>
</div>

<input type="hidden" id="js-datatable-url" value="{{ $datatable_url }}" />
@endsection

{{-- Script --}}
@push('module-scripts')
<script type="text/javascript" src="{{ asset('js/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datatable/datatable-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('message:js/components/index_modal_body.precompiled.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('message:js/index.js') }}"></script>
@endpush