@extends('layout.layout')

{{-- Style --}}
@push('links')
<link href="{{ asset('js/jquery-ui-1.12.1/jquery-ui.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('js/jquery-ui-1.12.1/jquery-ui.theme.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('js/jquery-timepicker-addon/jquery-ui-timepicker-addon.css') }}" rel="stylesheet" type="text/css">
<style>
  .hidden{
    display: none;
  }
  .tox-statusbar__text-container{
    display: none !important;
  }
</style>
@endpush

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])
<div class="row justify-content-center">
  <div class="col-12 col-lg-10">
    <div class="shadow-sm p-3 bg-white rounded-lg pt-4">
      <form id="editForm" method="post" enctype="multipart/form-data">
        @csrf
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="SelectStatus">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>活動狀態</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            @php
            $status_id = old('status_id',isset($model)?$model->status_id:'');
            @endphp
            <select name="status_id" class="selectpicker form-control {{ $errors->has('status_id') ? ' is-invalid' : '' }}" id="SelectStatus" data-live-search="true" required>
              <option value="">請選擇活動狀態</option>
              @foreach($status_options as $option)
              <option value="{{$option->id}}"
              @if($status_id==$option->id)
              selected
              @endif
              >{{$option->name}}</option>
              @endforeach
            </select>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('status_id'))
              @foreach($errors->get('status_id') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 發布開始時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputReleaseStartDate">
            <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="release_start_date" class="form-control datepicker {{ $errors->has('release_start_date') ? ' is-invalid' : '' }}" id="InputReleaseStartDate" value="{{old('release_start_date', isset($model->release_start_date)?$model->release_start_date:null)}}" data-group="release" readonly required />
            @if($errors->has('release_start_date'))
              @foreach ($errors->get('release_start_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 發布結束時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputReleaseEndDate">
            <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="release_end_date" class="form-control datepicker {{ $errors->has('release_end_date') ? ' is-invalid' : '' }}" id="InputReleaseEndDate" value="{{old('release_end_date', isset($model->release_end_date)?$model->release_end_date:null)}}" data-group="release" readonly required />
            @if($errors->has('release_end_date'))
              @foreach ($errors->get('release_end_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputName">
            <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="name" class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}" id="InputName" value="{{ old('name',isset($model->name)?$model->name:null) }}" placeholder="活動名稱" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('name'))
              @foreach($errors->get('name') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputDescription">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>活動內容</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <textarea type="text" name="description" class="form-control textarea-editor {{ $errors->has('description') ? ' is-invalid' : '' }}" id="InputDescription" rows="5">{{ old('description',isset($model->description)?$model->description:null) }}</textarea>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('description'))
              @foreach($errors->get('description') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputUrl">
            <span class="align-middle"><b>活動網址</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="url" class="form-control {{ $errors->has('url') ? ' is-invalid' : '' }}" id="InputUrl" value="{{ old('url',isset($model->url)?$model->url:null) }}" placeholder="活動網址">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('url'))
              @foreach($errors->get('url') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 活動開始時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputStartDate">
            <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="start_date" class="form-control datepicker {{ $errors->has('start_date') ? ' is-invalid' : '' }}" id="InputStartDate" value="{{old('start_date', isset($model->start_date)?$model->start_date:null)}}" data-group="normal" readonly required />
            @if($errors->has('start_date'))
              @foreach ($errors->get('start_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 活動結束時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputEndDate">
            <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="end_date" class="form-control datepicker {{ $errors->has('end_date') ? ' is-invalid' : '' }}" id="InputEndDate" value="{{old('end_date', isset($model->end_date)?$model->end_date:null)}}" data-group="normal" readonly required />
            @if($errors->has('end_date'))
              @foreach ($errors->get('end_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 報名開始時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputSignStartDate">
            <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="sign_start_date" class="form-control datepicker {{ $errors->has('sign_start_date') ? ' is-invalid' : '' }}" id="InputSignStartDate" value="{{old('sign_start_date', isset($model->sign_start_date)?$model->sign_start_date:null)}}" data-group="sign" readonly required />
            @if($errors->has('sign_start_date'))
              @foreach ($errors->get('sign_start_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 報名結束時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputSignEndDate">
            <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="sign_end_date" class="form-control datepicker {{ $errors->has('sign_end_date') ? ' is-invalid' : '' }}" id="InputSignEndDate" value="{{old('sign_end_date', isset($model->sign_end_date)?$model->sign_end_date:null)}}" data-group="sign" readonly required />
            @if($errors->has('sign_end_date'))
              @foreach ($errors->get('sign_end_date') as $error)
                <div class="invalid-feedback">
                  {{$error}}
                </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-12 col-sm-3 text-sm-center" for="SelectCheckrollType">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>場次可報到時間</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            @php
            $checkroll_type_id = old('checkroll_type_id',isset($model)?$model->checkroll_type_id:'');
            @endphp
            <select name="checkroll_type_id" class="selectpicker form-control {{ $errors->has('checkroll_type_id') ? ' is-invalid' : '' }}" id="SelectCheckrollType" data-live-search="true" required>
              @foreach($checkroll_type_options as $option)
              <option value="{{$option->id}}"
              @if($checkroll_type_id==$option->id)
              selected
              @endif
              >{{$option->name}}</option>
              @endforeach
            </select>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('checkroll_type_id'))
              @foreach($errors->get('checkroll_type_id') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>可參加對象</b></span>
          </label>
          <div class="input-group col-12 col-sm-9 d-flex align-items-center">
            @php
            $allow_participant_roles = old('allow_participant_roles',isset($model)?$model->allow_participant_roles->pluck('role')->toArray():[]);
            @endphp
            @foreach ($allow_participant_role_options as $option)
            <div class="custom-control custom-checkbox custom-control-inline">
              <input type="checkbox" class="custom-control-input" id="allow_participant_roles-{{$option->role}}" name="allow_participant_roles[]" value="{{$option->role}}" @if (in_array($option->role, $allow_participant_roles)) checked @endif>
              <label class="custom-control-label" for="allow_participant_roles-{{$option->role}}">{{$option->name}}</label>
            </div>
            @endforeach
            @if($errors->has('allow_participant_roles'))
              @foreach ($errors->get('allow_participant_roles') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>開放候補</b></span>
          </label>
          @php
          $has_alternate = old('has_alternate',isset($model)?$model->has_alternate:0);
          @endphp
          <div class="col-12 col-sm-9 radio-group d-flex align-items-center {{ $errors->has('has_alternate') ? ' is-invalid' : '' }}">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_alternate') ? ' is-invalid' : '' }}" id="has_alternateY" name="has_alternate" value="1" required
              @if($has_alternate==1)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_alternateY">是</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_alternate') ? ' is-invalid' : '' }}" id="has_alternateN" name="has_alternate" value="0" required
              @if($has_alternate==0)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_alternateN">否</label>
            </div>
            @if ($errors->has('has_alternate'))
              @foreach($errors->get('has_alternate') as $error)
              <div class="is-invalid"></div>
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>供餐</b></span>
          </label>
          @php
          $has_meal = old('has_meal',isset($model)?$model->has_meal:0);
          @endphp
          <div class="col-12 col-sm-9 radio-group d-flex align-items-center {{ $errors->has('has_meal') ? ' is-invalid' : '' }}">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_meal') ? ' is-invalid' : '' }}" id="has_mealY" name="has_meal" value="1" required
              @if($has_meal==1)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_mealY">是</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_meal') ? ' is-invalid' : '' }}" id="has_mealN" name="has_meal" value="0" required
              @if($has_meal==0)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_mealN">否</label>
            </div>
            @if ($errors->has('has_meal'))
              @foreach($errors->get('has_meal') as $error)
              <div class="is-invalid"></div>
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>免費停車</b></span>
          </label>
          @php
          $has_free_parking = old('has_free_parking',isset($model)?$model->has_free_parking:0);
          @endphp
          <div class="col-12 col-sm-9 radio-group d-flex align-items-center {{ $errors->has('has_free_parking') ? ' is-invalid' : '' }}">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_free_parking') ? ' is-invalid' : '' }}" id="has_free_parkingY" name="has_free_parking" value="1" required
              @if($has_free_parking==1)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_free_parkingY">是</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_free_parking') ? ' is-invalid' : '' }}" id="has_free_parkingN" name="has_free_parking" value="0" required
              @if($has_free_parking==0)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_free_parkingN">否</label>
            </div>
            @if ($errors->has('has_free_parking'))
              @foreach($errors->get('has_free_parking') as $error)
              <div class="is-invalid"></div>
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>開放取消</b></span>
          </label>
          @php
          $has_cancel = old('has_cancel',isset($model)?$model->has_cancel:0);
          @endphp
          <div class="col-12 col-sm-9 radio-group d-flex align-items-center {{ $errors->has('has_cancel') ? ' is-invalid' : '' }}">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_cancel') ? ' is-invalid' : '' }}" id="has_cancelY" name="has_cancel" value="1" required
              @if($has_cancel==1)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_cancelY">是</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('has_cancel') ? ' is-invalid' : '' }}" id="has_cancelN" name="has_cancel" value="0" required
              @if($has_cancel==0)
              checked
              @endif
              >
              <label class="custom-control-label" for="has_cancelN">否</label>
            </div>
            @if ($errors->has('has_cancel'))
              @foreach($errors->get('has_cancel') as $error)
              <div class="is-invalid"></div>
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputOrganizer">
            <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="organizer" class="form-control {{ $errors->has('organizer') ? ' is-invalid' : '' }}" id="InputOrganizer" value="{{ old('organizer',isset($model->organizer)?$model->organizer:null) }}" placeholder="主辦單位" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('organizer'))
              @foreach($errors->get('organizer') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputCoOrganizer">
            <span class="align-middle"><b>協辦單位</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="co_organiser" class="form-control {{ $errors->has('co_organiser') ? ' is-invalid' : '' }}" id="InputCoOrganizer" value="{{ old('co_organiser',isset($model->co_organiser)?$model->co_organiser:null) }}" placeholder="協辦單位">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('co_organiser'))
              @foreach($errors->get('co_organiser') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputHandlingUnit">
            <span class="align-middle"><b>承辦單位</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="handling_unit" class="form-control {{ $errors->has('handling_unit') ? ' is-invalid' : '' }}" id="InputHandlingUnit" value="{{ old('handling_unit',isset($model->handling_unit)?$model->handling_unit:null) }}" placeholder="承辦單位">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('handling_unit'))
              @foreach($errors->get('handling_unit') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputResponsiblePerson">
            <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="responsible_person" class="form-control {{ $errors->has('responsible_person') ? ' is-invalid' : '' }}" id="InputResponsiblePerson" value="{{ old('responsible_person',isset($model->responsible_person)?$model->responsible_person:null) }}" placeholder="活動聯絡人" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('responsible_person'))
              @foreach($errors->get('responsible_person') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputResponsiblePersonPhone">
            <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="responsible_person_phone" class="form-control {{ $errors->has('responsible_person_phone') ? ' is-invalid' : '' }}" id="InputResponsiblePersonPhone" value="{{ old('responsible_person_phone',isset($model->responsible_person_phone)?$model->responsible_person_phone:null) }}" placeholder="活動聯絡人電話" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('responsible_person_phone'))
              @foreach($errors->get('responsible_person_phone') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputResponsiblePersonEmail">
            <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="responsible_person_email" class="form-control {{ $errors->has('responsible_person_email') ? ' is-invalid' : '' }}" id="InputResponsiblePersonEmail" value="{{ old('responsible_person_email',isset($model->responsible_person_email)?$model->responsible_person_email:null) }}" placeholder="活動聯絡人信箱" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('responsible_person_email'))
              @foreach($errors->get('responsible_person_email') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputQuestion1">
            <span class="align-middle"><b>活動問題一</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="question_1" class="form-control {{ $errors->has('question_1') ? ' is-invalid' : '' }}" id="InputQuestion1" value="{{ old('question_1',isset($model->question_1)?$model->question_1:null) }}" placeholder="活動問題一">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('question_1'))
              @foreach($errors->get('question_1') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputQuestion2">
            <span class="align-middle"><b>活動問題二</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="question_2" class="form-control {{ $errors->has('question_2') ? ' is-invalid' : '' }}" id="InputQuestion2" value="{{ old('question_2',isset($model->question_2)?$model->question_2:null) }}" placeholder="活動問題二">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('question_2'))
              @foreach($errors->get('question_2') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputQuestion3">
            <span class="align-middle"><b>活動問題三</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="question_3" class="form-control {{ $errors->has('question_3') ? ' is-invalid' : '' }}" id="InputQuestion3" value="{{ old('question_3',isset($model->question_3)?$model->question_3:null) }}" placeholder="活動問題三">
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('question_3'))
              @foreach($errors->get('question_3') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputFileUrl">
            <span class="align-middle"><b>海報</b></span>
            <div><small class="text-danger">(大小不能超過10MB)</small></div>
          </label>
          <div class="col-12 col-sm-9 file-section file">
            @component('component.single_file',['name'=>'image','model'=>isset($model)?$model:null,'file_url'=>isset($model->image_display_name)?route('admin.activity.image',['activity'=>$model, 'filename' => $model->image_display_name]):null,'mimes'=>'image/jpg,image/jpeg,image/png'])
            @endcomponent
            <small class="form-text text-muted" style="width:100%;">上傳格式：.jpg, .jpeg, .png</small>
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputDescription">
            <span class="align-middle"><b>備註</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <textarea type="text" name="remark" class="form-control {{ $errors->has('remark') ? ' is-invalid' : '' }}" id="InputDescription" rows="5">{{ old('remark',isset($model->remark)?$model->remark:null) }}</textarea>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('remark'))
              @foreach($errors->get('remark') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputFileUrl">
            <span class="align-middle"><b>附件</b></span>
            <div><small class="text-danger">(大小不能超過10MB)</small></div>
          </label>
          <div class="col-12 col-sm-9 file-section file">
            @component('component.single_file',['name'=>'file','model'=>isset($model)?$model:null,'file_url'=>isset($model->file_display_name)?route('admin.activity.file',['activity'=>$model, 'filename' => $model->file_display_name]):null,'mimes'=>'image/jpg,image/jpeg,image/png,.doc,.odt,.ods,.pdf'])
            @endcomponent
            <small class="form-text text-muted" style="width:100%;">上傳格式：.jpg, .jpeg, .png, .doc, .pdf, .odt, .ods</small>
          </div>
        </div>

        @if (\Auth::user()->hasCapability(['admin'],'scope'))
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="SelectStatus">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>活動隱私權政策</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            @php
            $activity_privacy_policy_id = old('activity_privacy_policy_id',isset($model)?$model->activity_privacy_policy_id:'');
            @endphp
            <select name="activity_privacy_policy_id" class="selectpicker form-control {{ $errors->has('activity_privacy_policy_id') ? ' is-invalid' : '' }}" id="SelectActivityPrivacyPolicy" data-live-search="true" required>
              <option value="">請選擇活動隱私權政策</option>
              @foreach($activity_privacy_policy_options as $option)
              <option value="{{$option->id}}"
              @if($activity_privacy_policy_id==$option->id)
              selected
              @endif
              >{{$option->name}}</option>
              @endforeach
            </select>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('activity_privacy_policy_id'))
              @foreach($errors->get('activity_privacy_policy_id') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>
        @endif

        <div class="text-center mt-5">
          <button type="button" class="btn btn-lg btn-success font-weight-bold activity-submit-btn">儲存</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/tinymce/tinymce.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-ui-1.12.1/jquery-ui.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-timepicker-addon/jquery-ui-timepicker-tw-year-addon.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-timepicker-addon/i18n/jquery-ui-timepicker-zh-TW.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datepicker-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('activity:js/file.js')}}"></script>
<script>
  let setting = {
    controlType: "select",
    changeMonth: true,
    dateFormat:"yy-mm-dd",
    showOn: 'both',
    buttonText: '<i class="fas fa-calendar"></i>',
    stepMinute: 30,
    onClose: function (dateText, inst) {
      var group = $(this).data('group');
      if (group=='release') {
        var start = $('[name="release_start_date"]').val();
        var end = $('[name="release_end_date"]').val();
      }else if (group=='normal') {
        var start = $('[name="start_date"]').val();
        var end = $('[name="end_date"]').val();
      }else {
        var start = $('[name="sign_start_date"]').val();
        var end = $('[name="sign_end_date"]').val();
      }

      if (start.length>0&&end.length>0) {
        if (start>end) {
          if (group=='release') {
            var mes = '發布開始時間須小於活動結束時間！';
          }else if (group=='normal') {
            var mes = '活動開始時間須小於活動結束時間！';
          }else {
            var mes = '報名開始時間須小於報名結束時間！';
          }
          alert(mes);
          $(this).val('');
        }
      }
    }
  };

$(document).ready(function() {
  buildTinymce();
  $(".datepicker").datetimepicker(setting);
  $('.activity-submit-btn').on("click", function() {
    var form = $("#editForm");
    var is_valid = true;

    if (!form[0].checkValidity()) {

      form[0].reportValidity();
      return;
    }

    var start_date = $('[name=release_start_date]').val();
    var end_date = $('[name=release_end_date]').val();
    if (typeof start_date =='undefined'||start_date.length<=0||typeof end_date =='undefined'||end_date.length<=0) {
      alert('『發布時間起迄日』為必填!');
      is_valid = false;
    }

    var description = $('[name=description]').val();
    if (typeof description =='undefined'||description.length<=0) {
      alert('『活動內容』為必填!');
      is_valid = false;
    }

    var start_date = $('[name=start_date]').val();
    var end_date = $('[name=end_date]').val();
    if (typeof start_date =='undefined'||start_date.length<=0||typeof end_date =='undefined'||end_date.length<=0) {
      alert('『活動時間起迄日』為必填!');
      is_valid = false;
    }

    var start_date = $('[name=sign_start_date]').val();
    var end_date = $('[name=sign_end_date]').val();
    if (typeof start_date =='undefined'||start_date.length<=0||typeof end_date =='undefined'||end_date.length<=0) {
      alert('『報名時間起迄日』為必填!');
      is_valid = false;
    }


    if (!is_valid) {
      return;
    }

    LoadingCover.show();

    form.submit();
  });
});
// 載入TinyMce
function buildTinymce() {
  tinymce.init({
    selector:'textarea.textarea-editor',
    menubar: false,
    plugins: "link code",
    toolbar: 'link removeformat code | help',
    height: 300,
    width: '100%',
    setup:function(ed) {
     ed.on('change', function(e) {
         $("#"+ed.id).text(ed.getContent());
     });
    }
  });
}
</script>
@endpush