@extends('layout.layout')

{{-- Style --}}
@push('links')
<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="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 hidden">
          <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',$model->content) }}</textarea>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('content'))
              @foreach($errors->get('content') 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"><span class="text-red">※&ensp;</span><b>隱私權政策PDF</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_privacy_policy.file',['activity_privacy_policy'=>$model, 'filename' => $model->file_display_name]):null,'mimes'=>'.pdf'])
            @endcomponent
            <small class="form-text text-muted" style="width:100%;">上傳格式：.pdf</small>
          </div>
        </div>

        <div class="text-center mt-5">
          <button type="button" class="btn btn-lg btn-success font-weight-bold activity_privacy_policy-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="{{ Module::asset('activity:js/file.js')}}"></script>
<script>
$(document).ready(function() {
  buildTinymce();
  $('.activity_privacy_policy-submit-btn').on("click", function() {
    var form = $("#editForm");
    var is_valid = true;

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

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

    // var content = $('[name=content]').val();
    // if (typeof content =='undefined'||content.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: 'undo redo | formatselect | fontsizeselect | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link removeformat code | help',
    height: 300,
    width: '100%',
    setup:function(ed) {
     ed.on('change', function(e) {
         $("#"+ed.id).text(ed.getContent());
     });
    }
  });
}
</script>
@endpush