<?php
/* @var $this app\components\View */
$this->title = 'Calendar';
$this->subTitle = 'Control panel';
yii\jui\JuiAsset::register($this);
$this->registerCssFile('/plugins/fullcalendar/fullcalendar.min.css');
$this->registerCssFile('/plugins/fullcalendar/fullcalendar.print.css', ['media' => 'print']);
$this->registerJsFile('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js');
$this->registerJsFile('/plugins/fullcalendar/fullcalendar.min.js', ['depends' => 'yii\\web\\YiiAsset']);
?>
<div class="row">
<div class="col-md-3">
<div class="box box-solid">
<div class="box-header with-border">
<h4 class="box-title">Draggable Events</h4>
</div>
<div class="box-body">
<!-- the events -->
<div id="external-events">
<div class="external-event bg-green">Lunch</div>
<div class="external-event bg-yellow">Go home</div>
<div class="external-event bg-aqua">Do homework</div>
<div class="external-event bg-light-blue">Work on UI design</div>
<div class="external-event bg-red">Sleep tight</div>
<div class="checkbox">
<label for="drop-remove">
<input type="checkbox" id="drop-remove">
remove after drop
</label>
