@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="{{ Module::asset('bulletin:css/announcement/create.css') }}" rel="stylesheet" type="text/css">
@endpush

@inject('dateHelper', 'Modules\Survey\Http\Helpers\ViewHelper')

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])

@php
$bulletin_type = old('bulletin_type',isset($model)? optional($model->bulletin)->type:$default_bulletin_type);
@endphp

<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="announcementForm" method="post" enctype="multipart/form-data">
        @csrf
        @if(!isset($model))
        <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 {{ $errors->has('bulletin_type') ? ' is-invalid' : '' }}">
            @foreach($bulletin_type_options as $option)
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('bulletin_type') ? ' is-invalid' : '' }}"
                id="bulletin_type{{$option->slug}}" name="bulletin_type" value="{{$option->slug}}"
                {{ ($loop->first)? ' required': '' }}
                {{ ($bulletin_type == $option->slug)? ' checked':'' }}
              >
              <label class="custom-control-label" for="bulletin_type{{$option->slug}}">{{$option->name}}</label>
            </div>
            @endforeach
          </div>
          @include('custom::components/form/invalid', ['name' => 'bulletin_type'])
        </div>
        <div class="form-group row department-section {{ ($bulletin_type!='department')? ' hidden':'' }}">
          <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">
            <select name="department_id[]" class="selectpicker form-control {{ $errors->has('department_id') ? ' is-invalid' : '' }}" data-live-search="true" multiple>
              {{-- <option value="">請選擇要發佈的佈告欄對象</option> --}}
              @foreach($departments_options as $option)
                <option value="{{$option->id}}" {{ in_array($option->id, old('department_id', [])) ? 'selected' : '' }}>
                  {{$option->name}}
                </option>
              @endforeach
            </select>
            <small class="form-text text-muted w-100"></small>
            @include('custom::components/form/invalid', ['name' => 'department_id'])
          </div>
        </div>
      @endif

      @if($bulletin_type=='department' || !isset($model))
        <div class="form-group row department-section {{ ($bulletin_type!='department')? ' hidden':'' }}">
          <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 {{ $errors->has('department_only') ? ' is-invalid' : '' }}">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('department_only') ? ' is-invalid' : '' }}"
                id="department_only-yes" name="department_only" value="1"
                {{ (old('department_only',isset($model->department_only)? $model->department_only:null) == 1)? ' checked':'' }}
              >
              <label class="custom-control-label" for="department_only-yes">是</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('department_only') ? ' is-invalid' : '' }}"
                id="department_only-no" name="department_only" value="0"
                {{ (old('department_only',isset($model->department_only)? $model->department_only:null) == 0)? ' checked':'' }}
              >
              <label class="custom-control-label" for="department_only-no">否</label>
            </div>
            @include('custom::components/form/invalid', ['name' => 'department_only'])
          </div>
        </div>
      @endif

      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center" for="SelectType">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>公告類型</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          @php
          $type_id = old('type_id',isset($model)?$model->type_id:1);
          @endphp
          <select name="type_id" class="selectpicker form-control {{ $errors->has('type_id') ? ' is-invalid' : '' }}" id="SelectType"
            data-live-search="true" required @if(isset($model) && in_array($model->status_id, [5, 10, 15])) disabled @endif>
            <option value="">請選擇公告類型</option>
            @foreach($type_options as $option)
            <option value="{{$option->id}}"
            @if($type_id==$option->id)
            selected
            @endif
            >{{$option->name}}</option>
            @endforeach
          </select>
          @if(isset($model) && in_array($model->status_id, [5, 10, 15]))
            <input type="hidden" name="type_id" value="{{ $model->type_id }}">
          @endif
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'type_id'])
        </div>
      </div>
      <div class="form-group row">
        <label class="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:1);
          @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)
            @if(($status_id == 1 && ($option->id == 1 || $option->id == 10)) ||
                ($status_id == 10 && ($option->id == 5 || $option->id == 10)) ||
                ($status_id == 5 && ($option->id == 5 || $option->id == 15)) ||
                ($status_id == 15 && ($option->id == 5 || $option->id == 15)))
              <option value="{{ $option->id }}"
              @if($status_id == $option->id)
              selected
              @endif
              >@if($option->id != 10){{ $option->name }} @else 發佈 @endif</option>
            @endif
            @endforeach
          </select>
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'status_id'])
        </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 start_date {{ $errors->has('start_date') ? ' is-invalid' : '' }}" id="InputStartDate"  data-range="start" value="{{old('start_date', isset($model->start_date)?$dateHelper->formatDate($model->start_date):null)}}" readonly/>
          <input type="hidden" name="formal_start_date" value="{{ old('formal_start_date',isset($model->start_date)?$model->start_date:null) }}" readonly>
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'start_date'])
        </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 end_date {{ $errors->has('end_date') ? ' is-invalid' : '' }}" id="InputEndDate"  data-range="end" value="{{old('end_date', isset($model->end_date)?$dateHelper->formatDate($model->end_date):null)}}" readonly/>
          <input type="hidden" name="formal_end_date" value="{{ old('formal_end_date',isset($model->end_date)?$model->end_date:null) }}" readonly>
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'end_date'])
        </div>
      </div>

      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center" for="published_department_id">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>發布者單位</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          <select name="published_department_id" class="form-control {{ $errors->has('published_department_id') ? ' is-invalid' : '' }}" id="published_department_id"
            required @if(isset($model) && in_array($model->status_id, [5, 10, 15])) disabled @endif>
            @foreach($departments_options as $option)
            <option value="{{$option->id}}" {{ (old('published_department_id', isset($model->published_department_id)? $model->published_department_id:null) == $option->id)? 'selected':''}}>
              {{$option->name}}
            </option>
            @endforeach
          </select>
          @if(isset($model) && in_array($model->status_id, [5, 10, 15]))
            <input type="hidden" name="published_department_id" value="{{ $model->published_department_id }}">
          @endif
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'published_department_id'])
        </div>
      </div>

      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputTitle">
          <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="title" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}" id="InputTitle"
          value="{{ old('title',isset($model->title)?$model->title:null) }}" placeholder="公告標題" required
          @if(isset($model) && in_array($model->status_id, [5, 10, 15])) disabled @endif>
          @if(isset($model) && in_array($model->status_id, [5, 10, 15]))
            <input type="hidden" name="title" value="{{ old('title',isset($model->title)?$model->title:null) }}">
          @endif
          <small class="form-text text-muted w-100">標題長度最多為75個字</small>
          @include('custom::components/form/invalid', ['name' => 'title'])
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputContent">
          <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="content" class="form-control textarea-editor {{ $errors->has('content') ? ' is-invalid' : '' }}" id="InputContent" rows="5">{{ old('content',isset($model->content)?$model->content:null) }}</textarea>
          <small class="form-text text-muted w-100"></small>
          @include('custom::components/form/invalid', ['name' => 'content'])
        </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>
          <small class="form-text text-muted w-100">上傳格式：.jpeg, .png, .doc, .docx, .xls, .xlsx, .pdf, .odt, .ods</small>
        </label>
        <div class="col-12 col-sm-9 upload-file-section">
          @isset($model)
            <div class="mb-3">
              @foreach($model->files as $file)
              <div class="form-control-plaintext file-section-exist d-flex" data-size="{{ $file['size'] ?? 0 }}">
                <a target="_blank" href="{{ $file['url'] }}">{{ $file['name'] }}</a>
                <small class="form-text text-muted ml-1">({{$file['display_size']}})</small>
                @if(isset($model) && !in_array($model->status_id, [5, 10, 15]))
                  <span class="btn btn-link p-0 text-danger ml-3 btn-delete-file" data-url="{{ $file['url'] }}/remove">
                    <i class="fa fa-trash"></i>
                  </span>
                @endif
              </div>
              @endforeach
            </div>
          @endisset
        </div>
      </div>
      <div class="text-center mt-5">
        <button type="button" class="btn btn-lg btn-success font-weight-bold announcement-submit-btn">儲存</button>
      </div>
      </form>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<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('node_modules/moment/min/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('calendar:js/datepicker/tw-year.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/datepicker-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('student:js/tw-year.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('calendar:js/helper.js') }}"></script>

<script type="text/javascript" src="{{ asset('js/tinymce/tinymce.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('bulletin:js/announcement/components/create_upload.precompiled.js')}}"></script>
<script type="text/javascript" src="{{ Module::asset('bulletin:js/announcement/create.js') }}"></script>
@endpush