repeat and no repeat events added

by Shin Okada

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.1/js/bootstrap-colorpicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
    <div class="col-md-12">
        <a href="{{ url()->previous() }}" class="btn btn-default">Back</a>
        <div id="calendar"></div>

        <div id="dayClick" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button>
                        <h4 id="modalTitle" class="modal-title">
                        new_event               
                        </h4>
                    </div>
                    <div id="modalBody" class="modal-body"> 
                        <form id="createEvent" class="form-horizontal">
                            <div class="box-body">
                                <div class="form-group">
                                    <label class="control-label" for="title">title</label>
                                    <input...

JavaScript

$(document).ready(function() {
  $('#start, #end').datetimepicker({
    format: 'LLLL'
  });
  $('#date_start, #date_end').datetimepicker({
    format: 'LL'
  });
  $('#time_start, #time_end').datetimepicker({
    format: 'LT'
  });
  // show/hide repeat div
  var repeatbox = $('#repeat'),
    repeatdiv = $('#repeatdiv'),
    norepeatdiv = $('#norepeatdiv');

  repeatdiv.hide();
  norepeatdiv.show();


  function resetForm($form) {
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox').prop('checked', false).prop('selected', false);
  }

  var createEvent = $("#createEvent"),
    eventTitle = $('#event-title'),
    description = $("#description"),
    capacity = $("#capacity"),
    color = $('#color'),
    day = $('#day'),
    norepeat_start = $('#start'),
    norepeat_end = $('#end'),
    repeat = $('#repeat'),
    repeatDateStart = $('#date_start'),
    repeatDateEnd = $('#date_end'),
    repeatTimeStart = $('#time_start'),
    repeatTimeEnd = $('#time_end'),
    roomId = $('#apptRoomId'),
    eventData = {};

  createEvent.validate({
    rules: {
      title: {
        minlength: 5,
        required: true,
      },
      capacity: {
        number: true,
      },
      description: {
        minlength: 5,
      },
    }
  });
  $('#colorpic').colorpicker();



  var norepeat = [{
    "id": 1,
    "title": "yoga class 6",
    "description": null,
    "room_id": 1,
    "capacity": 6,
    "color": "#00aabb",
    "all_day": 0,
    "start": "2017-06-12 10:00:00",
    "end": "2017-06-12 13:00:00",
    "repeat": 0,
    "created_at": "2017-06-07 09:01:19",
    "updated_at": "2017-06-07 17:19:24"
  }, {
    "id": 8,
    "title": "yoga class 002",
    "description": null,
    "room_id": 1,
    "capacity": 12,
    "color": "#e825a5",
    "all_day": 0,
    "start": "2017-06-10 12:00:00",
    "end": "2017-06-10 13:00:00",
    "repeat": 0,
    "created_at": "2017-06-08 20:25:24",
    "updated_at":...