@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">
<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="jobForm" method="post">
        @csrf
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputOrganization">
          <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="organization" class="form-control {{ $errors->has('organization') ? ' is-invalid' : '' }}" id="InputOrganization" value="{{ old('organization',isset($model->organization)?$model->organization:null) }}" placeholder="機關名稱" required>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('organization'))
            @foreach($errors->get('organization') 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="InputDepartment">
          <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="department" class="form-control {{ $errors->has('department') ? ' is-invalid' : '' }}" id="InputDepartment" value="{{ old('department',isset($model->department)?$model->department:null) }}" placeholder="單位名稱" required>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('department'))
            @foreach($errors->get('department') 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="InputPosition">
          <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="position" class="form-control {{ $errors->has('position') ? ' is-invalid' : '' }}" id="InputPosition" value="{{ old('position',isset($model->position)?$model->position:null) }}" placeholder="職稱" required>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('position'))
            @foreach($errors->get('position') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row period-group">
        <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">
          <div class="input-group-prepend">
            <span class="input-group-text" id="start_date_des">從</span>
          </div>
          <input type="text" name="start_date" class="form-control start_date {{ $errors->has('formal_start_date') ? ' is-invalid' : '' }}" id="InputStartDate" value="{{ old('start_date',isset($model->start_date)?$model->start_date_tw:null) }}" data-range="start" aria-label="起始日" aria-describedby="start_date_des" readonly>
          <input type="hidden" name="formal_start_date" value="{{ old('formal_start_date',isset($model->start_date)?$model->start_date:null) }}" readonly>
          @if ($errors->has('formal_start_date'))
            @foreach($errors->get('formal_start_date') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row period-group">
        <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">
          <div class="input-group-prepend">
            <span class="input-group-text" id="end_date_des">至</span>
          </div>
          <input type="text" name="end_date" class="form-control end_date {{ $errors->has('formal_end_date') ? ' is-invalid' : '' }}" id="InputEndDate" value="{{ old('end_date',isset($model->end_date)?$model->end_date_tw:null) }}" data-range="end" aria-label="結束日" aria-describedby="end_date_des" readonly>
          <input type="hidden" name="formal_end_date" value="{{ old('formal_end_date',isset($model->end_date)?$model->end_date:null) }}" readonly>
          @if ($errors->has('formal_end_date'))
            @foreach($errors->get('formal_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">
          <span class="align-middle"><b>公開</b></span>
        </label>
        @php
        $is_public = old('is_public',isset($model->is_public)?$model->is_public:null)
        @endphp
        <div class="col-12 col-sm-9">
          <div class="row h-100 align-items-center">
            <div class="col-12">
              <div class="form-check">
                <input type="checkbox" class="form-check-input {{ $errors->has('is_public') ? ' is-invalid' : '' }}" id="isPublicY" name="is_public" value="1"
                @if($is_public==1)
                checked
                @endif
                >
                <label class="form-check-label" for="isPublicY">公開</label>
                <small class="form-text text-muted w-100"></small>
                @if ($errors->has('is_public'))
                  @foreach($errors->get('is_public') as $error)
                  <div class="invalid-feedback">
                    {{ $error }}
                  </div>
                  @endforeach
                @endif
              </div>
            </div>
          </div>
        </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="{{ 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="{{ Module::asset('calendar:js/datepicker/tw-year.js') }}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script type="text/javascript" src="{{ Module::asset('student:js/helper.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('student:js/tw-year.js') }}"></script>
<script nonce="{{ csp_nonce() }}">
$(document).ready(function() {
  $('#InputStartDate').datepicker(datepicker_cfg);
  $('#InputEndDate').datepicker(datepicker_cfg);
  $('.submit-btn').on("click", function() {
    var form = $("#jobForm");
    if (!form[0].checkValidity()) {

      form[0].reportValidity();
      return;
    }
    var start = $('.start_date').val();
    var end = $('.end_date').val();
    var invalid = false;
    if (start=='') {
      alert('請填寫開始日期！');
      invalid = true;
    }else if (end=='') {
      alert('請填寫結束日期！');
      invalid = true;
    }
    if (invalid) {
      return;
    }
    if(!date_check(start,end)){
      $('.end_date').val(null);
      alert('開始日期請小於結束日期！');
      invalid = true;
    }
    if (invalid) {
      return;
    }

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