/**
 * Counsellor Layout
 *
 * Date: Dec 27 2012
 */

var defaults = {
   monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'],
   monthNamesShort: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
   dayNames: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
   dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
   timeFormat: 'h:mmtt'
};


(function($, undefined) {


$.fn.dayLayout = function(options) {

   options = $.extend(true, {},
      defaults,
      options
   );


      $.ajaxSetup({
         data: window.csrf,
         cache: false,
         headers: {
            'X-CSRF-TOKEN': ''
         }
      });

      var csrfToken = '';


   // Global values
   var startHour = parseTime($("#template_start_time").val()) / 60;
   var endHour = parseTime($("#template_end_time").val()) / 60;
   var Minutes = $("#minutes").val();
   var numCells = 60 / Minutes;
   var minutePixels = 30 / Minutes;
   var rowHeight = Minutes * minutePixels - 1;
   var printBlock = options.showPrintIcon;

   // Define layout based on parameters
   switch (options.layoutMode) {
      case 'edit-template':
         var numCols = 1;
         var blockClass = 'block';
         var apptBlockLeft  = '300px';
         var apptBlockWidth = '297px';
         break;

      case 'view-template':
         var numCols = 1;
         var blockClass = 'block';
         var apptBlockLeft  = '300px';
         var apptBlockWidth = '297px';
         break;

      case 'booking-template':
         var numCols = 1;
         var blockClass = 'block';
         var apptBlockLeft  = '144px';
         var apptBlockWidth = '450px';
         break;
   }


   // Display time grid
   content = buildSkeleton(options);
   this.html(content);


   // Get and display the time blocks
   $.getJSON("ajax.Block.Fetch.php",
      {
         template_num: options.template_num,
         calendar_date: opt('calendar_date'),
         calendar_num: opt('calendar_num'),
         day_num: opt('day_num'),
         record_num: 0,
         auth: opt('auth')
      },
      function(results) {
         var tcontent = positionBlocks(results);
         $("#layout").append(tcontent);
      }
   );


   function buildSkeleton(options) {
      var s;
      var currDate;
      var i;

      $("#hourMin").val(startHour);
      $("#hourMax").val(endHour);

      s = "<table style='width:100%' class='day-layout' cellspacing='0' cellpadding='0'>";

      for (h = startHour; h < endHour; h++) {
         currDate = zeroDate();
         addMinutes(currDate, h * 60);
         s +=  "<tr>" +
               "<td style='border-top: 1px solid #000000; height:"+rowHeight+"px;'>" +
               "<b>" +
               formatDate(currDate, options.timeFormat, options) +
               "</b>" +
               "</td>" +
               "</tr>";

         for (i = 1; i < numCells; i++) {
            currDate = zeroDate();
            addMinutes(currDate, h * 60 + Minutes * i);
            if (numCells > 4) {
               s +=  "<tr>" +
                     "<td style='height:"+rowHeight+"px;'>" +
                     "<span class='small'>" +
                     formatDate(currDate, options.timeFormat, options) +
                     "</span>" +
                     "</td>" +
                     "</tr>";
            }
            else {
               s +=  "<tr>" +
                     "<td style='height:"+rowHeight+"px;'>" +
                     "&nbsp;" +
                     "</td>" +
                     "</tr>";
            }
         }
      }

      s +=  "</table><br /><br />";
      return s;
   }


   function positionBlocks(blocks) {

      var i;
      var s = '';
      var len = blocks.length;
      var block, rnum;
      var posTop, posBottom, posLeft, height;
      var title, description, title_text;
      var appt_count, student_name, student_num, appt_note, title_note, appt_staff;
      var startTime, endTime;
      var editICON, deleteICON;
      var layoutMode = opt('layoutMode');
      var rule_class = '';


      for (i = 0; i < len; i++) {
         block = blocks[i];

         // Calculate the block dimensions
         posTop = (parseTime(block.block_start_time) - parseTime(startHour)) * minutePixels;
         posBottom = (parseTime(block.block_end_time) - parseTime(startHour)) * minutePixels - 2;
         height = posBottom - posTop;

         // Format title
         startTime = formatDate(addMinutes(zeroDate(), parseTime(block.block_start_time)), opt('timeFormat'));
         endTime = formatDate(addMinutes(zeroDate(), parseTime(block.block_end_time)), opt('timeFormat'));


         // Display blocks
         if (block.type == 'block') {
            // Format description if there is one
            description = '';

            // Format icons for editing
            rnum = block.record_num;
            blockIcons = "";
            title = "";
            btitle = "";

            if (layoutMode == 'edit-template') {
               editICON = "<img src='/images/icons/edit16.png' rnum='"+rnum+"' class='edit-block-icon'>";
               deleteICON = "<img src='/images/icons/delete16.png' rnum='"+rnum+"' class='delete-block-icon'>";
               addICON = "<img src='/images/icons/add16.png' rnum='"+rnum+"' class='add-appt-time-icon'>";
               blockIcons = "<br />&nbsp;&nbsp;" + editICON + "&nbsp;&nbsp;" + deleteICON + "&nbsp;&nbsp;" + addICON;

               btitle = block.block_title;
               title = block.block_title + ": " + startTime + " - " + endTime;
               if (block.description.length > 0) {
                  description = " - "+block.description;
                  btitle = btitle+"\n"+description;
               }
            }
            else {
               if (layoutMode == 'view-template') {
                  btitle = block.block_title;
                  title = block.block_title;
                  if (block.description.length > 0) {
                     description = " - "+block.description;
                     btitle = btitle+"\n"+description;
                  }
               }
               else {
                  btitle = block.block_title;

                  if (block.num_appointment_times == 0) {
                     title = block.block_title + ": " + startTime + " - " + endTime;
                     if (block.description.length > 0) {
                        description = " - "+block.description;
                        btitle = btitle+"\n"+description;
                     }
                  }
                  else {
                     if (block.description.length > 0) {
                        btitle = btitle+"\n - "+block.description;
                     }
                  }

                  if ((opt('userType') == 'Admin' || opt('userType') == 'Staff') && layoutMode == 'booking-template') {
                     var calendar_notes = block.calendar_notes;
                     var notes_icon = "/images/icons/textfile16.png";
                     var print_icon = "/images/icons/printer16.png";
                     var user_icon = "/images/icons/usere16.png";
                     if (calendar_notes.length > 0) notes_icon = "/images/icons/textfile16.png";
                     noteICON = "<img src='" + notes_icon + "' rnum='"+rnum+"' class='block-note-icon' style='float:left; padding: 0 5px 0 0;'" +
                                 " title=\"" + calendar_notes + "\">";
                     printICON = '';
                     if (printBlock == 'Y') printICON = "<img src='" + print_icon + "' rnum='"+rnum+"' class='block-appt-list-icon' style='float:left; padding: 0 5px 0 0;'>";
                     blockIcons = "<span class='block-icons'>" + noteICON + printICON + "</span>";
                  }

                  rule_class = '';
                  if (block.rule_class.length > 0) {
                     rule_class = block.rule_class;
                     if (rule_class.indexOf('rule-block-data') !== -1) {
                        title = "<span class='large-title'>" + block.block_title + "</span>";
                        if (block.description.length > 0) description = "<br /> - "+block.description;
                     }
                  }
               }
            }


            // Blocks
            s +=  "<div id='block-div-" + rnum + "' class='" + blockClass + ' ' + rule_class + " cal-block' rnum='" + rnum + "' title=\"" + btitle + "\" " +
                  "style='position:absolute;top:" + posTop + "px;height:" + height + "px;background-color:" + block.bg_color + ";color:" + block.text_color + ";overflow-y:hidden;' " +
                  "bh-" + rnum + "='" + height + "' nappts='" + block.num_appointments + "'>" +
                  blockIcons + "<div class='title-div'><span class='block-title' style='left: 30px;overflow-y:hidden;'>" + title + "</span>" + description + "</div>" +
                  "<input type='hidden' id='block-title-" + rnum + "' value=" + '"' + block.block_title + '"' + "' />" +
                  "<input type='hidden' id='block-start-" + rnum + "' value='" + block.block_start_time + "' />" +
                  "<input type='hidden' id='block-start-hour-" + rnum + "' value='" + block.shour + "' />" +
                  "<input type='hidden' id='block-start-min-" + rnum + "' value='" + block.smin + "' />" +
                  "<input type='hidden' id='block-end-" + rnum + "' value='" + block.block_end_time + "' />" +
                  "<input type='hidden' id='block-end-hour-" + rnum + "' value='" + block.ehour + "' />" +
                  "<input type='hidden' id='block-end-min-" + rnum + "' value='" + block.emin + "' />" +
                  "<input type='hidden' id='block-num-" + rnum + "' value='" + block.block_num + "' />" +
                  "<input type='hidden' id='block-rule-type-" + rnum + "' value=\"" + block.rule_type + "\" />" +
                  "<input type='hidden' id='block-rule-num-" + rnum + "' value=\"" + block.rule_num + "\" />" +
                  "</div>";
         }
         else {
            // Display appointment times
            title = startTime + " - " + endTime;
            if (block.appt_title && block.appt_title.length) title += ' - ' + block.appt_title;

            // Format icons for editing
            rnum = block.record_num;
            bnum = block.block_num;
            blockIcons = "";

            if (layoutMode == 'edit-template') {
               editICON = "<img src='/images/icons/edit16.png' rnum='"+rnum+"' bnum='"+bnum+"' class='edit-appt-icon' style='float:right; padding: 0 5px 0 0;'>";
               deleteICON = "<img src='/images/icons/delete16.png' rnum='"+rnum+"' bnum='"+bnum+"' class='delete-appt-icon' style='float:right; padding: 0 5px 0 0;'>";
               blockIcons = "<span class='block-icons'>" + deleteICON + editICON + "</span>";
            }

            // Format appointment count for display
            appt_count = '';
            if (block.appt_count) appt_count = block.appt_count + "&nbsp;";

            // Format student name for display
            student_name = '';
            student_num = 0;
            if (block.student_name) {
               student_name = block.student_name;
               student_num = block.student_num;
               title_text = '';
               if (block.appt_class != 'Unavailable') {
                  if (block.appt_by && block.appt_by.length > 0) student_name = student_name+" ("+block.appt_by+")";
               }
            }
            else {
               title_text = "";
               title_text = block.block_title;
               // if (block.description.length > 0) {
                  // title_text = title_text+" - "+block.description;
               // }
            }

            if (block.phone) {
               phone = block.phone;
            }
            else phone = '';

            if (block.email) {
               email = block.email;
            }
            else email = '';

            appt_note = '';
            if (block.appt_note && block.appt_note.length) appt_note = " - " + block.appt_note;
            title_note = appt_note;
            if (block.contact_info) title_note = title_note + block.contact_info;
            var note_div = "";
            if (opt('showNotes') == 'Y') note_div = "<div id='appt-note-text-" + rnum + "' class='appt-note'>" + email + ' ' + phone + ' ' + block.appt_note_text + "</div>";
            else note_div = "<div id='appt-note-text-" + rnum + "' class='appt-note'>" + email + ' ' + phone + "</div>";

            var extraStyle = '';
            if (block.custom_color !== null && block.custom_color.length > 0) {
               extraStyle = "background-color: #" + block.custom_color + "; color: #" + block.custom_text_color + ";";
            }

            s +=  "<div id='appt-div-" + rnum + "' class='appointment-block " + block.appt_class + "' rnum='" + rnum + "' " +
                     "style='position:absolute;top:" + posTop + "px;left:" + apptBlockLeft + ";width:" + apptBlockWidth + ";height:" + height + "px;overflow-y:hidden;" + extraStyle + "' " +
                     "title='" + student_name + title_note + title_text + "' ah-" + rnum + "='" + height + "'>" +
                  "<span class='appt-block-title' style='" + extraStyle + "'>" + title + "</span>" + blockIcons +
                  "<span id='appt-div-text-" + rnum + "' class='appt-name' style='" + extraStyle + "'>" + appt_count + student_name + "</span><br /> " +
                  note_div +
                  "<input type='hidden' id='number-of-people-" + rnum + "' value='" + block.max_people + "' />" +
                  "<input type='hidden' id='number-of-participants-" + rnum + "' value='" + block.max_participants + "' />" +
                  "<input type='hidden' id='number-of-appts-" + rnum + "' value='" + block.num_appts + "' />" +
                  "<input type='hidden' id='appt-title-" + rnum + "' value=\"" + block.appt_title + "\" />" +
                  "<input type='hidden' id='appt-date-" + rnum + "' value='" + block.appt_date + "' />" +
                  "<input type='hidden' id='appt-time-" + rnum + "' value='" + block.appt_time + "' />" +
                  "<input type='hidden' id='appt-hour-" + rnum + "' value='" + block.appt_start_time + "' />" +
                  "<input type='hidden' id='appt-start-" + rnum + "' value='" + block.block_start_time + "' />" +
                  "<input type='hidden' id='appt-end-" + rnum + "' value='" + block.block_end_time + "' />" +
                  "<input type='hidden' id='appt-block-num-" + rnum + "' value='" + block.block_num + "' />" +
                  "<input type='hidden' id='block-title-" + rnum + "' value=\"" + block.block_title + "\" />" +
                  "<input type='hidden' id='student-num-" + rnum + "' class='student-num' value='" + student_num + "' />" +
                  "<input type='hidden' id='student-name-" + rnum + "' value=\"" + student_name + "\" />" +
                  "<input type='hidden' id='appt-note-" + rnum + "' value=\"" + block.appt_note + "\" />" +
                  "<input type='hidden' id='appt-staff-" + rnum + "' value=\"" + block.appt_staff + "\" />" +
                  "<input type='hidden' id='rule-type-" + rnum + "' value=\"" + block.rule_type + "\" />" +
                  "<input type='hidden' id='rule-num-" + rnum + "' value=\"" + block.rule_num + "\" />" +
                  "</div>";
         }
      }

      return s;
   }


   function opt(name) {
      var v = options[name];
      return v;
   }


}


})(jQuery);




function formatDate(date, format, options) {
   return formatDates(date, null, format, options);
}


function formatDates(date1, date2, format, options) {
   // options = options || defaults;
   var date = date1,
      otherDate = date2,
      i, len = format.length, c,
      i2, formatter,
      res = '';
   for (i=0; i<len; i++) {
      c = format.charAt(i);
      if (c == "'") {
         for (i2=i+1; i2<len; i2++) {
            if (format.charAt(i2) == "'") {
               if (date) {
                  if (i2 == i+1) {
                     res += "'";
                  }else{
                     res += format.substring(i+1, i2);
                  }
                  i = i2;
               }
               break;
            }
         }
      }
      else if (c == '(') {
         for (i2=i+1; i2<len; i2++) {
            if (format.charAt(i2) == ')') {
               var subres = formatDate(date, format.substring(i+1, i2), options);
               if (parseInt(subres.replace(/\D/, ''), 10)) {
                  res += subres;
               }
               i = i2;
               break;
            }
         }
      }
      else if (c == '[') {
         for (i2=i+1; i2<len; i2++) {
            if (format.charAt(i2) == ']') {
               var subformat = format.substring(i+1, i2);
               var subres = formatDate(date, subformat, options);
               if (subres != formatDate(otherDate, subformat, options)) {
                  res += subres;
               }
               i = i2;
               break;
            }
         }
      }
      else if (c == '{') {
         date = date2;
         otherDate = date1;
      }
      else if (c == '}') {
         date = date1;
         otherDate = date2;
      }
      else {
         for (i2=len; i2>i; i2--) {
            if (formatter = dateFormatters[format.substring(i, i2)]) {
               if (date) {
                  res += formatter(date, options);
               }
               i = i2 - 1;
               break;
            }
         }
         if (i2 == i) {
            if (date) {
               res += c;
            }
         }
      }
   }
   return res;
};

function zeroPad(n) {
   return (n < 10 ? '0' : '') + n;
}

var dateFormatters = {
   s  : function(d)  { return d.getSeconds() },
   ss : function(d)  { return zeroPad(d.getSeconds()) },
   m  : function(d)  { return d.getMinutes() },
   mm : function(d)  { return zeroPad(d.getMinutes()) },
   h  : function(d)  { return d.getHours() % 12 || 12 },
   hh : function(d)  { return zeroPad(d.getHours() % 12 || 12) },
   H  : function(d)  { return d.getHours() },
   HH : function(d)  { return zeroPad(d.getHours()) },
   d  : function(d)  { return d.getDate() },
   dd : function(d)  { return zeroPad(d.getDate()) },
   ddd   : function(d,o)   { return o.dayNamesShort[d.getDay()] },
   dddd: function(d,o)  { return o.dayNames[d.getDay()] },
   M  : function(d)  { return d.getMonth() + 1 },
   MM : function(d)  { return zeroPad(d.getMonth() + 1) },
   MMM   : function(d,o)   { return o.monthNamesShort[d.getMonth()] },
   MMMM: function(d,o)  { return o.monthNames[d.getMonth()] },
   yy : function(d)  { return (d.getFullYear()+'').substring(2) },
   yyyy: function(d) { return d.getFullYear() },
   t  : function(d)  { return d.getHours() < 12 ? 'a' : 'p' },
   tt : function(d)  { return d.getHours() < 12 ? 'am' : 'pm' },
   T  : function(d)  { return d.getHours() < 12 ? 'A' : 'P' },
   TT : function(d)  { return d.getHours() < 12 ? 'AM' : 'PM' },
   u  : function(d)  { return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'") },
   S  : function(d)  {
      var date = d.getDate();
      if (date > 10 && date < 20) {
         return 'th';
      }
      return ['st', 'nd', 'rd'][date%10-1] || 'th';
   }
};

function zeroDate() { // returns a Date with time 00:00:00 and dateOfMonth=1
   var i=0, d;
   do {
      d = new Date(1970, i++, 1);
   } while (d.getHours()); // != 0
   return d;
}

function addMinutes(d, n) {
   d.setMinutes(d.getMinutes() + n);
   return d;
}

function parseTime(s) { // returns minutes since start of day
   if (typeof s == 'number') { // an hour
      return s * 60;
   }
   if (typeof s == 'object') { // a Date object
      return s.getHours() * 60 + s.getMinutes();
   }
   var m = s.match(/(\d+)(?::(\d+))?\s*(\w+)?/);
   if (m) {
      var h = parseInt(m[1], 10);
      if (m[3]) {
         h %= 12;
         if (m[3].toLowerCase().charAt(0) == 'p') {
            h += 12;
         }
      }
      return h * 60 + (m[2] ? parseInt(m[2], 10) : 0);
   }
}