@extends('layout.layout')

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

@section('content')
<input type="hidden" id="js-datatable-baseUrl" value="{{url('/site')}}" />
<div class="csrfDiv">{{csrf_field()}}</div>

<div class="row mb-3">
  <div class="col text-right">
    <a class="btn btn-success" data-toggle="modal" data-target="#eventModal">
      <span class="fas fa-plus">&ensp;</span>匯入活動
    </a>
    @if(Auth::user()->is_admin)
    <a class="btn btn-success" href="{{ route('site.create') }}">
      <span class="fas fa-plus">&ensp;</span>新增
    </a>
    @endif
  </div>
</div>

<form method="POST" enctype="multipart/form-data">
  <div class="csrfDiv">{{csrf_field()}}</div>
  <div class="modal fade" id="eventModal" tabindex="-1" role="dialog" aria-labelledby="eventModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h2 class="modal-title" id="eventModalLabel">匯入活動</h2>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">x</button>
        </div>
        <div class="modal-body row" style="margin: 0px;padding: 20px;">
          <div style="width: 100%;display: flex;flex-wrap: wrap;">
            <select name="site_id" class="form-control">
              @foreach ($sites as $site_id => $sites_name)
                @if($site_id==old('site_id'))
                <option value="{{ $site_id }}" selected>{{ $sites_name }}</option>
                @else
                <option value="{{ $site_id }}">{{ $sites_name }}</option>
                @endif
              @endforeach
            </select>
            <input type="file" id="importFile" class="mt-2" name="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/csv" required/>
            <div>
              <span class="mt-4" style="float:left;font-size: 0.75rem;">匯入資料將直接顯示在行事曆上！</span>
            </div>
          </div>
        </div>
        <div class="import-footer" style="padding: .75rem;border-top: 1px solid #dee2e6;">
          <small class="text-left text-muted">
            範例檔案：<a href="{{ asset('docs/活動匯入範例.csv') }}" >下載</a>
          </small>
          <div class="text-right">
            <button type="submit" id="import_event" class="btn btn-success">匯入</button>
            <button type="button" class="btn btn-dark" data-dismiss="modal">關閉</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<div class="row mb-3">
  <div class="col">
    <table class="table table-striped table-hover" id="dataTable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="row">名稱</th>
          <th scope="row">顯示</th>
          <th scope="row">開放學生</th>
          <th scope="row">&ensp;</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
      <tfoot>
      </tfoot>
    </table>
    @include('custom::component.delete-window', ['tag' => 'QQQQQ', 'url' => route('site.destroy', 'QQQQQ')])
  </div>
</div>

@endsection

{{-- Script --}}
@push('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('site:js/site/index.js') }}"></script>
@endpush