@section('stylelink')
<link href="{{ asset('admin/assets/bundles/fullcalendar/packages/core/main.min.css') }}" rel='stylesheet' />
<link href="{{ asset('admin/assets/bundles/fullcalendar/packages/daygrid/main.min.css') }}" rel='stylesheet' />
<link href="{{ asset('admin/assets/bundles/fullcalendar/packages/timegrid/main.min.css') }}" rel='stylesheet' />
<link rel="stylesheet" href="{{ asset('admin/assets/bundles/bootstrap-daterangepicker/daterangepicker.css') }}">
<link rel="stylesheet" href="{{ asset('admin/assets/bundles/pretty-checkbox/pretty-checkbox.min.css') }}">

@endsection
@extends('eventManagement.layouts.master')
@section('content')
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">

            <li class="breadcrumb-item">
                <a href="#">
                    <i data-feather="home"></i></a>
            </li>
            <li class="breadcrumb-item">Booking</li>
            <li class="breadcrumb-item">Calendar</li>
        </ul>
        <div class="section-body">
            <div class="row">
              <div class="col-md-1 col-sm-12">
                <div class="card" style="display:none">
                  <div class="card-header">
                    <h4>Add Event</h4>
                  </div>
                  <div class="card-body">
                    <div id='external-events'>
                      <div>
                          <input type="text" class="form-control">
                      </div>
                      <br>
                      <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input" id='drop-remove'>
                        <label class="custom-control-label" for="drop-remove">Remove after drop</label>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <div class="col-md-10 col-sm-12">
                <div class="card">
                  <div class="card-header">
                    <h4>Calendar</h4>
                  </div>
                  <div class="card-body">
                    <div class="panel-body">
                      <div id="calendar" class="has-toolbar"> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-1 col-sm-12">
              </div>
            </div>
          </div>
    </section>

@endsection
@section('script')
<script src="{{ asset('admin/assets/bundles/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
<script src="{{ asset('admin/assets/bundles/fullcalendar/packages/core/main.min.js') }}"></script>
<script src="{{ asset('admin/assets/bundles/fullcalendar/packages/interaction/main.min.js') }}"></script>
<script src="{{ asset('admin/assets/bundles/fullcalendar/packages/daygrid/main.min.js') }}"></script>
<script src="{{ asset('admin/assets/bundles/fullcalendar/packages/timegrid/main.min.js') }}"></script>
{{-- <script src="{{asset('admin/assets/js/page/calendar.js')}}"></script> --}}
<script>
  var _0x435d = ['work', 'all', 'friends', 'render', 'parentNode', 'extendedProps', 'val', 'style', 'important', 'prev,next\x20today', 'event4', 'event1', 'textarea', '.fc-event', 'input[type=\x22text\x22]', 'travel', '#starts-at', 'getEventById', 'eventDetails', 'external-events', 'log', 'event10', 'Meeting', 'display', '#edit-event', 'event6', 'fc-event-warning', '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', '#title', 'personal', 'start', 'hide', 'dayGridMonth,timeGridWeek,timeGridDay', 'Birthday\x20Party', 'fc-event-info', 'top', 'classNames', 'Her\x20extensive\x20perceived\x20may\x20any\x20sincerity\x20extremity.\x20Indeed\x20add\x20rather\x20may\x20pretty\x20see.', 'background-color', 'class', 'setStart', 'css', 'getMonth', 'find', 'interaction', 'fc-event-primary', 'querySelectorAll', 'round', 'event5', 'dataset', '#event-modal', '#eventDetails', 'ready', 'modal', 'add-event', 'value', 'getFullYear', 'click', 'event2', 'getDate', 'Collage\x20Party', 'All\x20Day\x20Event', 'title', 'event', 'setProp', 'innerText', 'event7', 'Draggable', 'description', 'groupId', 'end', 'starts-at', 'event8', 'ends-at', 'getElementsByTagName', 'popover', 'timeGrid', 'random', 'show', '#categorySelect', 'Break', 'off', 'dayGrid', '$eventModal', 'event9', 'none', 'setEnd', 'fc-event-success', 'editEventTitle', 'getElementById', 'color', 'length', 'attr', '.popover\x20.popover-header', 'drop-remove', 'Her\x20extensive\x20perceived\x20may\x20any\x20sincerity\x20extremity.\x20Indeed\x20add\x20rather\x20may\x20pretty\x20see.\x20', 'format', 'rerenderEvents', 'block', 'checked', 'event3', 'YYYY-MM-DD\x20HH:mm:ss', '.modal', '#ends-at', 'removeChild', ':selected'];
  (function(_0x466de0, _0x435d42) {
      var _0x458985 = function(_0x413d66) {
          while (--_0x413d66) {
              _0x466de0['push'](_0x466de0['shift']());
          }
      };
      _0x458985(++_0x435d42);
  }(_0x435d, 0x18c));
  var _0x4589 = function(_0x466de0, _0x435d42) {
      _0x466de0 = _0x466de0 - 0x0;
      var _0x458985 = _0x435d[_0x466de0];
      return _0x458985;
  };
  let calendar;
  var Draggable = FullCalendarInteraction[_0x4589('0x5f')];
  let date_picker, filter_option = _0x4589('0x1d');
  var containerEl = document['getElementById'](_0x4589('0x2f')),
      checkbox = document[_0x4589('0xb')](_0x4589('0x10')),
      addEvent = document[_0x4589('0xb')](_0x4589('0x52')),
      editEvent = document[_0x4589('0xb')]('edit-event'),
      addEventTitle = document[_0x4589('0xb')]('addEventTitle'),
      editEventTitle = document[_0x4589('0xb')](_0x4589('0xa')),
      date = new Date(),
      day = date[_0x4589('0x57')](),
      month = date[_0x4589('0x46')](),
      year = date[_0x4589('0x54')]();
  this[_0x4589('0x5')] = $(_0x4589('0x4e')), new Draggable(containerEl, {
      'itemSelector': _0x4589('0x29'),
      'eventData': function(_0xb09015) {
          return {
              'title': _0xb09015[_0x4589('0x5d')],
              'stick': !![],
              'className': _0xb09015[_0x4589('0x4d')][_0x4589('0x43')]
          };
      }
  }), $(document)[_0x4589('0x50')](function() {
      initCalendar(), addEvetClick(), refresh_calendar_filter();
  });

  function initCalendar() {
      var _0x365bda = $('#calendar')['get'](0x0);
      calendar = new FullCalendar['Calendar'](_0x365bda, {
          'plugins': [_0x4589('0x48'), _0x4589('0x4'), _0x4589('0x68')],
          'header': {
              'left': _0x4589('0x25'),
              'center': _0x4589('0x5a'),
              'right': _0x4589('0x3c')
          },
          'editable': !![],
          'droppable': !![],
          'navLinks': !![],
          'eventLimit': !![],
          'weekNumberCalculation': 'ISO',
          'displayEventEnd': !![],
          'lazyFetching': !![],
          'selectable': !![],
          'eventMouseEnter': function(_0x4fc8ff) {
              $(_0x4fc8ff['el'])[_0x4589('0xe')]('id', _0x4fc8ff[_0x4589('0x5b')]['id']), $('#' + _0x4fc8ff[_0x4589('0x5b')]['id'])[_0x4589('0x67')]({
                  'template': '<div\x20class=\x22popover\x22\x20role=\x22tooltip\x22><div\x20class=\x22arrow\x22></div><h3\x20class=\x22popover-header\x22></h3><div\x20class=\x22popover-body\x22></div></div>',
                  'title': _0x4fc8ff[_0x4589('0x5b')]['title'],
                  'content': _0x4fc8ff[_0x4589('0x5b')][_0x4589('0x21')][_0x4589('0x60')],
                  'placement': _0x4589('0x3f'),
                  'html': !![]
              }), $('#' + _0x4fc8ff[_0x4589('0x5b')]['id'])['popover'](_0x4589('0x0')), $(_0x4589('0xf'))[_0x4589('0x45')](_0x4589('0xc'), $(_0x4fc8ff['el'])['css'](_0x4589('0x42')));
          },
          'eventMouseLeave': function(_0x22ddda) {
              $('#' + _0x22ddda['event']['id'])[_0x4589('0x67')](_0x4589('0x3b'));
          },
          // 'drop': function(_0x3a6428) {
          //     checkbox[_0x4589('0x15')] && _0x3a6428['draggedEl'][_0x4589('0x20')][_0x4589('0x1a')](_0x3a6428['draggedEl']);
          // },
          'views': {
              'dayGridMonth': {
                  'eventLimit': 0x3
              }
          },
          'events': events(),
          'eventRender': function(_0x96d22e) {
              if (filter_option !== _0x4589('0x1d') && _0x96d22e[_0x4589('0x5b')][_0x4589('0x61')] !== filter_option) return ![];
          },
          'select': function(_0x40c5e9, _0x5cbe6b) {
              addEvent[_0x4589('0x23')][_0x4589('0x33')] = _0x4589('0x14'), editEvent[_0x4589('0x23')]['display'] = 'none', addEventTitle[_0x4589('0x23')][_0x4589('0x33')] = _0x4589('0x14'), editEventTitle[_0x4589('0x23')][_0x4589('0x33')] = _0x4589('0x7'), clearModalForm(), $(_0x4589('0x18'))[_0x4589('0x51')](_0x4589('0x0'));
          },
          'eventClick': function(_0x26a477) {
              addEvent[_0x4589('0x23')][_0x4589('0x33')] = _0x4589('0x7'), editEvent[_0x4589('0x23')][_0x4589('0x33')] = _0x4589('0x14'), addEventTitle[_0x4589('0x23')][_0x4589('0x33')] = 'none', editEventTitle[_0x4589('0x23')]['display'] = _0x4589('0x14');
              let _0x10b2ea = moment(_0x26a477['event'][_0x4589('0x3a')])[_0x4589('0x12')](_0x4589('0x17')),
                  _0x4bc83c = moment(_0x26a477[_0x4589('0x5b')][_0x4589('0x62')])['format'](_0x4589('0x17'));
              console[_0x4589('0x30')](_0x26a477['event'][_0x4589('0x21')][_0x4589('0x60')]), $(_0x4589('0x18'))[_0x4589('0x51')](_0x4589('0x0')), $(_0x4589('0x18'))['find'](_0x4589('0x38'))[_0x4589('0x22')](_0x26a477[_0x4589('0x5b')][_0x4589('0x5a')]), $(_0x4589('0x18'))['find'](_0x4589('0x2c'))[_0x4589('0x22')](_0x10b2ea), $(_0x4589('0x18'))[_0x4589('0x47')](_0x4589('0x19'))[_0x4589('0x22')](_0x4bc83c), $(_0x4589('0x1'))[_0x4589('0x22')](_0x26a477[_0x4589('0x5b')][_0x4589('0x40')][0x0]), $('.modal')['find'](_0x4589('0x4f'))[_0x4589('0x22')](_0x26a477[_0x4589('0x5b')][_0x4589('0x21')][_0x4589('0x60')]), $(_0x4589('0x34'))[_0x4589('0x3')](_0x4589('0x55'))['on'](_0x4589('0x55'), function(_0x357ad6) {
                  _0x357ad6['preventDefault']();
                  var _0x5b29f2 = $(_0x4589('0x1'))[_0x4589('0x47')](_0x4589('0x1b'))[_0x4589('0x22')](),
                      _0x357ad6 = calendar[_0x4589('0x2d')](_0x26a477[_0x4589('0x5b')]['id']);
                  _0x357ad6[_0x4589('0x5c')](_0x4589('0x5a'), document[_0x4589('0xb')](_0x4589('0x5a'))['value']), _0x357ad6[_0x4589('0x44')](moment(document['getElementById'](_0x4589('0x63'))['value'])['format']('YYYY-MM-DD\x20HH:mm:ss')), _0x357ad6[_0x4589('0x8')](moment(document[_0x4589('0xb')](_0x4589('0x65'))[_0x4589('0x53')])['format']('YYYY-MM-DD\x20HH:mm:ss')), _0x357ad6[_0x4589('0x5c')]('classNames', [_0x5b29f2]), $(_0x4589('0x18'))[_0x4589('0x51')](_0x4589('0x3b'));
              });
          }
      }), calendar[_0x4589('0x1f')]();
  }

  function refresh_calendar_filter() {
      $(document)['on']('click', '.filter-container\x20.filter', function(_0x339fc0) {
          filter_option = $(this)[_0x4589('0x22')](), calendar[_0x4589('0x13')]();
      });
  }

  function clearModalForm() {
      var _0x1b156d = document[_0x4589('0x4a')](_0x4589('0x2a')),
          _0x4350bc = document[_0x4589('0x66')](_0x4589('0x28'));
      for (i = 0x0; i < _0x1b156d[_0x4589('0xd')]; i++) {
          _0x1b156d[i][_0x4589('0x53')] = '';
      }
      for (j = 0x0; j < _0x4350bc[_0x4589('0xd')]; j++) {
          _0x4350bc[j][_0x4589('0x53')] = '', i;
      }
  }

  function addEvetClick() {
      $('#add-event')['on'](_0x4589('0x55'), function(_0x1480ea) {
          var _0x515b8c = $('#title')[_0x4589('0x22')](),
              _0x1e8c10 = document[_0x4589('0xb')](_0x4589('0x2e'))[_0x4589('0x53')],
              _0x4641e4 = $(_0x4589('0x1'))[_0x4589('0x47')](_0x4589('0x1b'))['val'](),
              _0x47d6da = $(_0x4589('0x1'))[_0x4589('0x47')](_0x4589('0x1b'))['attr']('id'),
              _0x3fe8a2 = randomIDGenerate(0xa, _0x4589('0x37'));
          calendar['addEvent']({
              'id': _0x3fe8a2,
              'title': _0x515b8c,
              'start': $(_0x4589('0x2c'))[_0x4589('0x22')](),
              'end': $(_0x4589('0x19'))[_0x4589('0x22')](),
              'className': _0x4641e4,
              'groupId': _0x47d6da,
              'description': _0x1e8c10
          }), $(_0x4589('0x18'))['find']('input')['val'](''), $(_0x4589('0x18'))[_0x4589('0x51')](_0x4589('0x3b'));
      });
  }

  function randomIDGenerate(_0x1c8059, _0x3567a3) {
      var _0x2b02fe = '';
      for (var _0x64fc8f = _0x1c8059; _0x64fc8f > 0x0; --_0x64fc8f) _0x2b02fe += _0x3567a3[Math[_0x4589('0x4b')](Math[_0x4589('0x69')]() * (_0x3567a3[_0x4589('0xd')] - 0x1))];
      return _0x2b02fe;
  }

  function events() {
      bookings={!! json_encode($bookings)!!}
      return bookings;
  }
</script>

@endsection