<commit_before><div>
  <style>
    /*.colorpicker-visible {
      z-index: 33000;
    }*/
.ngdialog { z-index: 100; }
    .nav-tabs-default {
      background-color: #a7a7a7;
      color: rgba(0, 0, 0, 0.87);
    }
  </style>
  <div style="background-color:#a7a7a7;height:60px;position:absolute;top:0px;left:0px;width:100%;text-align:center;color:#eee;">
    <h2 style="margin-top:13px;" ng-if="doc._id">Reservation</h2>
    <h2 style="margin-top:13px;" ng-if="!doc._id">New Reservation</h2>
  </div>
  <div class="form-group label-floating">

  </div>

  <div>
    <div class="btn-group btn-group-justified btn-group-raised hidden-xs">
      <a href="javascript:void(0)" class="btn" ng-class="{'active':tabs.details.active}" ng-click="changeTab('details')">Details</a>
      <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <a ng-if="doc.recurrence" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.recurrence.active}" ng-click="changeTab('recurrence')">Recurrence</a>
      <a  href="javascript:void(0)" class="btn" ng-class="{'active':tabs.cctv.active}" ng-click="changeTab('cctv')">CCTV</a>
    </div>
    <div class="btn-group btn-group-justified btn-group-raised hidden-md hidden-lg hidden-xl">
      <a href="javascript:void(0)" class="btn btn-xs btn-xs" ng-class="{'active':tabs.details.active}" ng-click="changeTab('details')">Details</a>
  <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn btn-xs" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <a  href="javascript:void(0)" class="btn" ng-class="{'active':tabs.cctv.active}" ng-click="changeTab('cctv')">CCTV</a>
    </div>
  </div>

  <div class="row" ng-show="tabs.details.active">
    <div class="col-xs-12">
      <!-- dirty dirty hack jquery change removing value from first input fix-->
      <div class="form-group label-floating" ng-show="false">
        <input class="form-control" id="test" type="text" ng-model="doc.test">
      </div>
      <!-- dirty dirty hack-->
      <div class="form-group label-floating">
        <label class="control-label" for="title">Title</label>
        <input class="form-control" id="title" type="text" ng-model="doc.title">
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-6">
    <div class="form-group label-floating" >
      <label class="control-label" for="startT">Start Time</label>
      <!-- <input id="startT" class="form-control" type="text" ng-model="doc.startDisp" > -->
      <input id="startT" type="text" class="form-control" ng-model="doc.start"
             date-picker="{ switchOnClick: true, time: true, date: true, format: 'YYYY-MM-DD HH:mm', clearButton: false,weekStart: 0 }"
             date-picker-min-date="conferenceDays[0]"
             date-picker-max-date="conferenceDays[conferenceDays.length-1]">
    </div>
  </div>
  <div class="col-xs-6">
  <div class="form-group label-floating" >
    <label class="control-label" for="endT">End Time</label>
    <!-- <input id="endT" class="form-control" type="text" ng-model="doc.endDisp" > -->
    <input id="endT" type="text" class="form-control" ng-model="doc.end"
           date-picker="{ switchOnClick: true, time: true, date: false, format: 'YYYY-MM-DD HH:mm', clearButton: false,weekStart: 0 }">
  </div>
</div>
<div class="col-xs-12" ng-if="!doc.recurrence">
  <div class="form-group" style="margin-left:10px;margin-top:15px;">
    <div class="togglebutton">
      <label>
        <input ng-change="changeTab('recurrence')" type="checkbox" ng-model="doc.recurrence" ng-false-value="false" ng-false-value="true">Would you like this reservation to recur?
      </label>
    </div>
  </div>
</div>
    <div class="col-xs-6">
      <div class="form-group label-floating">
        <label class="control-label" for="parent">Type</label>

        <select id="parent" class="form-control" ng-model="doc.type">
          <option   ng-repeat="parent in options.types track by $index" ng-style = "{'background-color':parent.color}" value="{{parent._id}}" ng-if="parent._id" ng-selected="parent.selected">{{parent.title}}</option>
        </select>
        <span class="material-input"></span>
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="form-group label-floating">
        <label class="control-label" for="roomList">Room</label>

        <select id="roomList" class="form-control" ng-model="doc.location.room">
          <option ng-repeat="room in rooms track by $index" value="{{room._id}}" ng-if="room._id" ng-selected="room.selected">{{room.title}}</option>
        </select>
        <span class="material-input"></span>
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-12">
      <div class="form-group label-floating">
     <label for="description" class="control-label">Description</label>
       <textarea class="form-control" rows="3" id="description" ng-model="doc.description"></textarea>
       <span class="help-block"></span>
    </div>
    </div>
  </div>



    <!-- recurrence -->
    <div class="row" ng-show="tabs.recurrence.active">
      <section ng-show="!doc._id || !doc.children">
            <div class="col-xs-12">
                <h4 >Recurrences To Be Created</h4>
            </div>

            <div class="col-xs-12">
              <div class="form-group">
                <label ng-repeat="d in recurrence  track by $index" ng-if="hideCurrentDay(doc,conferenceDays[$index])">
                    &nbsp;<input type="checkbox" ng-model="recurrence[$index]" ng-true-value="true"> {{conferenceDays[$index] |momentFormat}} </input>
                </label>
              </div>
            </div>
    </section>
    <section ng-show="doc._id && doc.children">
          <div class="col-xs-12">
              <h4 >Recurrences</h4>
          </div>

          <div class="col-xs-12">
            <div >
              <label ng-repeat="child in doc.children ">
                      &nbsp;<input type="checkbox" ng-change="deleteRec(recurrence[$index]);" ng-model="recurrence[$index]" ng-true-value="true">&nbsp;{{child.start |momentDayFormat}} </input>&nbsp; 
              </label>
            </div>
          </div>
  </section>
    </div>
  <!-- cctv -->
  <div class="row" ng-show="tabs.cctv.active">
    <div class="col-xs-12">
        <h4>CCTV Message</h4>
    </div>
    <div class="col-xs-4">
      <div class="form-group label-floating"><commit_msg>restrict adding recurrence on recurrence<commit_after><div>
  <style>
    /*.colorpicker-visible {
      z-index: 33000;
    }*/
.ngdialog { z-index: 100; }
    .nav-tabs-default {
      background-color: #a7a7a7;
      color: rgba(0, 0, 0, 0.87);
    }
  </style>
  <div style="background-color:#a7a7a7;height:60px;position:absolute;top:0px;left:0px;width:100%;text-align:center;color:#eee;">
    <h2 style="margin-top:13px;" ng-if="doc._id">Reservation</h2>
    <h2 style="margin-top:13px;" ng-if="!doc._id">New Reservation</h2>
  </div>
  <div class="form-group label-floating">

  </div>

  <div>
    <div class="btn-group btn-group-justified btn-group-raised hidden-xs">
      <a href="javascript:void(0)" class="btn" ng-class="{'active':tabs.details.active}" ng-click="changeTab('details')">Details</a>
      <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <a ng-if="doc.recurrence" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.recurrence.active}" ng-click="changeTab('recurrence')">Recurrence</a>
      <a  href="javascript:void(0)" class="btn" ng-class="{'active':tabs.cctv.active}" ng-click="changeTab('cctv')">CCTV</a>
    </div>
    <div class="btn-group btn-group-justified btn-group-raised hidden-md hidden-lg hidden-xl">
      <a href="javascript:void(0)" class="btn btn-xs btn-xs" ng-class="{'active':tabs.details.active}" ng-click="changeTab('details')">Details</a>
  <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <!-- <a ng-if="doc.sideEvent" href="javascript:void(0)" class="btn btn-xs" ng-class="{'active':tabs.resources.active}" ng-click="changeTab('sideEvent')">Side Event</a> -->
      <a  href="javascript:void(0)" class="btn" ng-class="{'active':tabs.cctv.active}" ng-click="changeTab('cctv')">CCTV</a>
    </div>
  </div>

  <div class="row" ng-show="tabs.details.active">
    <div class="col-xs-12">
      <!-- dirty dirty hack jquery change removing value from first input fix-->
      <div class="form-group label-floating" ng-show="false">
        <input class="form-control" id="test" type="text" ng-model="doc.test">
      </div>
      <!-- dirty dirty hack-->
      <div class="form-group label-floating">
        <label class="control-label" for="title">Title</label>
        <input class="form-control" id="title" type="text" ng-model="doc.title">
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-6">
    <div class="form-group label-floating" >
      <label class="control-label" for="startT">Start Time</label>
      <!-- <input id="startT" class="form-control" type="text" ng-model="doc.startDisp" > -->
      <input id="startT" type="text" class="form-control" ng-model="doc.start"
             date-picker="{ switchOnClick: true, time: true, date: true, format: 'YYYY-MM-DD HH:mm', clearButton: false,weekStart: 0 }"
             date-picker-min-date="conferenceDays[0]"
             date-picker-max-date="conferenceDays[conferenceDays.length-1]">
    </div>
  </div>
  <div class="col-xs-6">
  <div class="form-group label-floating" >
    <label class="control-label" for="endT">End Time</label>
    <!-- <input id="endT" class="form-control" type="text" ng-model="doc.endDisp" > -->
    <input id="endT" type="text" class="form-control" ng-model="doc.end"
           date-picker="{ switchOnClick: true, time: true, date: false, format: 'YYYY-MM-DD HH:mm', clearButton: false,weekStart: 0 }">
  </div>
</div>
<div class="col-xs-12" ng-if="!doc.recurrence && !doc.parent">
  <div class="form-group" style="margin-left:10px;margin-top:15px;">
    <div class="togglebutton">
      <label>
        <input ng-change="changeTab('recurrence')" type="checkbox" ng-model="doc.recurrence" ng-false-value="false" ng-false-value="true">Would you like this reservation to recur?
      </label>
    </div>
  </div>
</div>
    <div class="col-xs-6">
      <div class="form-group label-floating">
        <label class="control-label" for="parent">Type</label>

        <select id="parent" class="form-control" ng-model="doc.type">
          <option   ng-repeat="parent in options.types track by $index" ng-style = "{'background-color':parent.color}" value="{{parent._id}}" ng-if="parent._id" ng-selected="parent.selected">{{parent.title}}</option>
        </select>
        <span class="material-input"></span>
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="form-group label-floating">
        <label class="control-label" for="roomList">Room</label>

        <select id="roomList" class="form-control" ng-model="doc.location.room">
          <option ng-repeat="room in rooms track by $index" value="{{room._id}}" ng-if="room._id" ng-selected="room.selected">{{room.title}}</option>
        </select>
        <span class="material-input"></span>
        <p class="help-block" ng-show="valid">error</p>
      </div>
    </div>
    <div class="col-xs-12">
      <div class="form-group label-floating">
     <label for="description" class="control-label">Description</label>
       <textarea class="form-control" rows="3" id="description" ng-model="doc.description"></textarea>
       <span class="help-block"></span>
    </div>
    </div>
  </div>



    <!-- recurrence -->
    <div class="row" ng-show="tabs.recurrence.active">
      <section ng-show="!doc._id || !doc.children">
            <div class="col-xs-12">
                <h4 >Recurrences To Be Created</h4>
            </div>

            <div class="col-xs-12">
              <div class="form-group">
                <label ng-repeat="d in recurrence  track by $index" ng-if="hideCurrentDay(doc,conferenceDays[$index])">
                    &nbsp;<input type="checkbox" ng-model="recurrence[$index]" ng-true-value="true"> {{conferenceDays[$index] |momentFormat}} </input>
                </label>
              </div>
            </div>
    </section>
    <section ng-show="doc._id && doc.children">
          <div class="col-xs-12">
              <h4 >Recurrences</h4>
          </div>

          <div class="col-xs-12">
            <div >
              <label ng-repeat="child in doc.children ">
                      &nbsp;<input type="checkbox" ng-change="deleteRec(recurrence[$index]);" ng-model="recurrence[$index]" ng-true-value="true">&nbsp;{{child.start |momentDayFormat}} </input>&nbsp;
              </label>
            </div>
          </div>
  </section>
    </div>
  <!-- cctv -->
  <div class="row" ng-show="tabs.cctv.active">
    <div class="col-xs-12">
        <h4>CCTV Message</h4>
    </div>
    <div class="col-xs-4">
      <div class="form-group label-floating">
{'fraction_non_alphanumeric': 0.2059145673603505, 'fraction_numerical': 0.01153705732018985, 'mean_word_length': 3.212857582282375, 'pattern_counts': {'":': 0, '<': 315, '<?xml version=': 0, '>': 315, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5096236', 'n_tokens_mistral': 4753, 'n_tokens_neox': 4573, 'n_words': 796}