@extends('layout/layout')

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

{{-- Content --}}
@section('content')
<input type="hidden" id="js-bulletin-url" value="{{$bulletinDatatableRoute}}" />
<div class="row justify-content-center">
  <div class="col-12">
    <div class="shadow-sm p-3 bg-white rounded-lg">
      <h4 class="text-center mt-3">搜尋</h4>
      <hr>
      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>佈告欄類型</b></span>
        </label>
        <div class="col-12 col-sm-9 radio-group">
          @foreach($type_options as $option)
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="type{{$option->slug}}" name="type" value="{{$option->slug}}"@if ($loop->first) checked required @endif>
            <label class="custom-control-label" for="type{{$option->slug}}">{{$option->name}}</label>
          </div>
          @endforeach
        </div>
        <div class="invalid-feedback type-feedback">
        </div>
      </div>
      <div class="form-group row personal-section">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputUid">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>使用者帳號</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          <input type="text" name="uid" class="form-control" id="InputUid" value="" placeholder="請輸入完整帳號" required>
          <small class="form-text text-muted w-100"></small>
          <div class="invalid-feedback uid-feedback">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 mt-3">
    <div class="shadow-sm p-3 bg-white rounded-lg overflow-auto">
      <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>
</div>
@endsection

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