@extends('layout.layout')

{{-- Style --}}
@push('links')
<style nonce="{{ csp_nonce() }}">
  .hidden{
    display: none;
  }
</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="messageForm" 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>
        @php
        $recipientable_type = old('recipientable_type',isset($model)?$model->recipientable_type:'personal');
        @endphp
        <div class="col-12 col-sm-9 radio-group {{ $errors->has('recipientable_type') ? ' is-invalid' : '' }}">
          @foreach($recipientable_type_options as $option)
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input {{ $errors->has('recipientable_type') ? ' is-invalid' : '' }}" id="recipientable_type{{$option->slug}}" name="recipientable_type" value="{{$option->slug}}"@if ($loop->first) required @endif
            @if($recipientable_type==$option->slug)
            checked
            @endif
            >
            <label class="custom-control-label" for="recipientable_type{{$option->slug}}">{{$option->name}}</label>
          </div>
          @endforeach
        </div>
        @if ($errors->has('recipientable_type'))
          @foreach($errors->get('recipientable_type') as $error)
          <div class="invalid-feedback">
            {{ $error }}
          </div>
          @endforeach
        @endif
      </div>
      <div class="form-group row department-section hidden">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="SelectDepartment">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>部門/單位</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          @php
          $department_id = old('department_id',null);
          @endphp
          <select name="department_id" class="selectpicker form-control {{ $errors->has('department_id') ? ' is-invalid' : '' }}" data-live-search="true">
            <option value="">請選擇要發佈的部門/單位</option>
            @foreach($departments_options as $option)
            <option value="{{$option->id}}">{{$option->name}}</option>
            @endforeach
          </select>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('department_id'))
            @foreach($errors->get('department_id') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row position-section hidden">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="SelectPosition">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>職稱</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          @php
          $position_id = old('position_id',null);
          @endphp
          <select name="position_id" class="selectpicker form-control {{ $errors->has('position_id') ? ' is-invalid' : '' }}" data-live-search="true">
            <option value="">請選擇要發佈的職稱</option>
            @foreach($positions_options as $option)
            <option value="{{$option->id}}">{{$option->name}}</option>
            @endforeach
          </select>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('position_id'))
            @foreach($errors->get('position_id') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </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">
          @php
          $uid = old('uid',null);
          @endphp
          <input type="text" name="uid" class="form-control {{ $errors->has('uid') ? ' is-invalid' : '' }}" id="InputUid" value="{{$uid}}" placeholder='多筆資料用 "," 隔開。'>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('uid'))
            @foreach($errors->get('uid') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      @endif
      <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>是否採用mail通知</b></span>
        </label>
        @php
        $has_notification = old('has_notification',isset($model)?$model->has_notification:'Y');
        @endphp
        <div class="col-12 col-sm-9 radio-group {{ $errors->has('has_notification') ? ' is-invalid' : '' }}">
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input {{ $errors->has('has_notification') ? ' is-invalid' : '' }}" id="has_notificationY" name="has_notification" value="Y" required
            @if($has_notification=='Y')
            checked
            @endif
            >
            <label class="custom-control-label" for="has_notificationY">是</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input {{ $errors->has('has_notification') ? ' is-invalid' : '' }}" id="has_notificationN" name="has_notification" value="N"
            @if($has_notification=='N')
            checked
            @endif
            >
            <label class="custom-control-label" for="has_notificationN">否</label>
          </div>
        </div>
        @if ($errors->has('has_notification'))
          @foreach($errors->get('has_notification') as $error)
          <div class="invalid-feedback">
            {{ $error }}
          </div>
          @endforeach
        @endif
      </div>
      <div class="form-group row 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>
        @php
        $notification_type = old('notification_type',isset($model)?$model->notification_type:'mail');
        @endphp
        <div class="col-12 col-sm-9 checkbox-group {{ $errors->has('notification_type') ? ' is-invalid' : '' }}">
          @foreach($notification_type_options as $option)
          <div class="custom-control custom-checkbox custom-control-inline">
            <input type="checkbox" class="custom-control-input {{ $errors->has('notification_type') ? ' is-invalid' : '' }}" id="notification_type{{$option->slug}}" name="notification_type" value="{{$option->slug}}"
            @if($notification_type==$option->slug)
            checked
            @endif
            >
            <label class="custom-control-label" for="notification_type{{$option->slug}}">{{$option->name}}</label>
          </div>
          @endforeach
        </div>
        @if ($errors->has('notification_type'))
          @foreach($errors->get('notification_type') as $error)
          <div class="invalid-feedback">
            {{ $error }}
          </div>
          @endforeach
        @endif
      </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>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('title'))
            @foreach($errors->get('title') 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="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 {{ $errors->has('content') ? ' is-invalid' : '' }}" id="InputContent" rows="5" required>{{ old('content',isset($model->content)?$model->content:null) }}</textarea>
          <small class="form-text text-muted w-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"><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)?route('message.file',['uuid'=>$model->uuid, 'filename' => $model->file_display_name]):null,'mimes'=>'image/jpeg,image/png,.doc,.odt,.ods,.pdf'])
          @endcomponent
          <small class="form-text text-muted w-100">上傳格式：.jpeg, .png, .doc, .pdf, .odt, .ods</small>
        </div>
        <!-- <div class="input-group col-12 col-sm-9">
          <input type="text" name="file_url" class="form-control {{ $errors->has('file_url') ? ' is-invalid' : '' }}" id="InputFileUrl" value="{{ old('file_url',isset($model->file_url)?$model->file_url:null) }}" placeholder="訊息附件連結">
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('file_url'))
            @foreach($errors->get('file_url') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div> -->
      </div>
      <div class="text-center mt-5">
        <button type="button" class="btn btn-lg btn-success font-weight-bold submit-btn">儲存</button>
      </div>
      </form>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ Module::asset('message:js/file.js')}}"></script>
<script nonce="{{ csp_nonce() }}">
$(document).ready(function() {
  $('[name="recipientable_type"]').on("click", function() {
      var type = $(this).val();
      $('.department-section').addClass('hidden');
      $('.position-section').addClass('hidden');
      $('.personal-section').addClass('hidden');
      $('[name=uid]').attr("required",false);
      $("[name=uid]").val('');
      $('[name=position_id]').attr("required",false);
      $("[name=position_id]").prop('selectedIndex',0);
      $('[name=department_id]').attr("required",false);
      $("[name=department_id]").prop('selectedIndex',0);

      $('.'+type+'-section').removeClass('hidden');
      if (type!='personal') {
        $('[name='+type+'_id]').attr("required",true);
      }else{
        $('[name=uid]').attr("required",true);
      }
  });
  $('.submit-btn').on("click", function() {
    var form = $("#messageForm");
    if (!form[0].checkValidity()) {

      form[0].reportValidity();
      return;
    }
    if (!confirm('訊息發佈後，無法再次進行修改及刪除\n您確定要進行儲存嗎？')) {
      return;
    }

    form.submit();
  });
});
</script>
@endpush