﻿var monthString = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
function AjaxFailed(result) {
    alert(result.status + ' ' + result.statusText);
}
$.ajaxSetup({
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    error: AjaxFailed
});
openCalendar = function () {
    if ($('div.booking-wrapper').length == 0) {
        getServerTime();
        loadBookings(true);
        $('#calendarPopupClose').css('display', 'block');
        $find('MPEopencalendar').show();
    }
    else {
        $find('MPEopencalendar').show();

        var data = { 'cid': CompanyId, 'time': ServerTime.format('ddd, d MMM yyyy HH:mm:ss') };

        $.ajax({ url: 'services/QuoteServices.svc/RefreshBookings',
            data: JSON.stringify(data),
            success: function (msg) {
                if (msg.d.length > 0) {
                    for (i = 0; i < msg.d.length; i++) {
                        bookingHTM(msg.d[i]);
                    }
                }
            }
        });
    }
}
getVillaAvailability = function (s) {
    var qd = $(s).parents('div.quotediv');
    var vid = qd.find('select.villaSelect').val();
    var ad = qd.find('input.arrivedate').val();
    var dd = qd.find('input.departdate').val();
    var al = qd.find('span.availabilitylabel');

    if (vid == undefined || vid == '00000000-0000-0000-0000-000000000000' || ad == '' || dd == '') {
        al.text('Availability Unconfirmed');
        al.off('click');
        return false;
    }

    var data = { 'vid': vid, 'ad': ad, 'dd': dd }

    $.ajax({ url: 'services/QuoteServices.svc/GetVillaAvailability',
        data: JSON.stringify(data),
        success: function (msg) {
            if (msg.d == 'Available') {
                al.text(msg.d);
                al.off('click');
            }
            else {
                al.text('Not Available');
                al.data('available', msg.d);
                al.off('click');
                al.on('click', function () {
                    alert($(this).data('available'));
                });
            }
        }
    });
}
loadDatePickers = function () {
    $('.datepicker').each(function () {
        if (!$(this).hasClass('hasDatepicker')) {
            if ($(this).hasClass('dateofbirth')) {
                $(this).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    yearRange: "-90:+0",
                    dateFormat: "D, d MM yy"
                });
            }
            else if ($(this).hasClass('arrivedate') || $(this).hasClass('departdate')) {
                $(this).datepicker({
                    yearRange: "-0:+3",
                    dateFormat: "D, d MM yy",
                    onSelect: function (dateText, inst) { setQuoteDates($(this), dateText, inst); }
                });
            }
            else if ($(this).hasClass('searcharrive') ||$(this).hasClass('searchdepart')) {
                $(this).datepicker({
                    yearRange: "-0:+3",
                    dateFormat: "dd/mm/yy"
                });
            }
        }
    });
    $('.datepicker').on('click', function () {
        if (!$(this).hasClass('hasDatepicker')) {
            if ($(this).hasClass('dateofbirth')) {
                $(this).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    yearRange: "-90:+0",
                    dateFormat: "D, d MM yy",
                    onSelect: function (dateText, inst) { setQuoteDates($(this), dateText, inst); }
                });
            }
            else if ($(this).hasClass('arrivedate') || $(this).hasClass('departdate')) {
                $(this).datepicker({
                    yearRange: "-0:+3",
                    dateFormat: "D, d MM yy"
                });
            }
            $(this).datepicker('show');
        }
    });
}
loadWaterMarks = function () {
    $('input.firstname').watermark('First Name', { className: 'watermark' }).attr('title', 'Enter First Name');
    $('input.email').watermark('Email Address', { className: 'watermark' }).attr('title', 'Enter Email Address');
    $('input.lastname').watermark('Last Name', { className: 'watermark' }).attr('title', 'Enter Last Name');
    $('input.mobile').watermark('Mobile Phone', { className: 'watermark' }).attr('title', 'Enter Mobile Telephone Number');
    $('input.landline').watermark('Landline Phone', { className: 'watermark' }).attr('title', 'Enter Landline Telephone Number');
    $('input.street1').watermark('Street Address', { className: 'watermark' }).attr('title', 'Enter First Line Of Street Address');
    $('input.street2').watermark('Street Address', { className: 'watermark' }).attr('title', 'Enter Second Line Of Street Address');
    $('input.city').watermark('City', { className: 'watermark' }).attr('title', 'Enter Address City');
    $('input.region').watermark('Region/State', { className: 'watermark' }).attr('title', 'Enter Address County, Region or State');
    $('input.postcode').watermark('Postcode/Zip', { className: 'watermark' }).attr('title', 'Enter Address Postcode or Zip');
    $('input.country').watermark('Country', { className: 'watermark' }).attr('title', 'Select Country');
    $('input.arrivedate').watermark('Arrival Date', { className: 'watermark' }).attr('title', 'Enter Arrival Date');
    $('input.departdate').watermark('Departure Date', { className: 'watermark' }).attr('title', 'Enter Departure Date');
    $('input.searcharrive').watermark('Arrival Date', { className: 'watermark' }).attr('title', 'Enter Arrival Date');
    $('input.searchdepart').watermark('Departure Date', { className: 'watermark' }).attr('title', 'Enter Departure Date');
    //    $('input.datepicker').watermark('Click ', { className: 'watermark' });
}
toggleBodyTable = function (s) {
    var ht = $(s).parents("table");
    var bt = ht.next();
    bt.toggle('blind', function () {
        if ($(bt).css('display') == 'none') {
            $(ht).find('.arrow').removeClass('up');
            $(ht).find('.arrowText').text('(Click to show)');
        }
        else {
            $(ht).find('.arrow').addClass('up');
            $(ht).find('.arrowText').text('(Click to hide)');
        }
    });
}
createSalespersonSelect = function (salesperson) {
    var $sp = $('<option style="color:black" class="salesperson" value=' + salesperson.id + '>' + salesperson.name + '</option>');
    $sp.data('salesperson', { 'id': salesperson.id, 'fullname': salesperson.fullname, 'firstname': salesperson.first, 'lastname': salesperson.last, 'emailaddress': salesperson.email, 'mobile': salesperson.mobile, 'office': salesperson.landline, 'title': salesperson.jobtitle, 'skype': salesperson.skype });
    return $sp;
}
createEmptyOption = function (s, t, r) {
    if ($(s).find('.emptySelect').length == 0) {
        $(s).css('color', 'gray');
        $(s).append('<option style="color:gray" class="emptySelect" value="00000000-0000-0000-0000-000000000000">' + t + '</option>');
        $(s).change(function () {
            if ($(this).val() == '00000000-0000-0000-0000-000000000000') {
                $(this).css('color', 'gray');
            }
            else {
                $(this).css('color', 'black');
            }
            if (r == true) {
                $(this).find('.emptySelect').remove();
            }
        });
    }
}
createResortOption = function (resort) {
    var $resort = $('<option style="color:black" class="resort" value=' + resort.id + '>' + resort.name + '</option>');
    $resort.data('resort', { 'id': resort.id, 'name': resort.name, 'currency': resort.currency, 'quoteEmail': resort.quoteEmail });
    return $resort;
}
createVillaOption = function (villa) {
    var $villa = $('<option style="color:black" class="villa" value=' + villa.id + '>' + villa.name + '</option>');
    $villa.data('villa', { 'id': villa.id, 'name': villa.name, 'typeid': villa.typeid, 'beds': villa.beds, 'occupancy': villa.occupancy, 'namedstock':villa.namedstock, 'typename':villa.typename});
    return $villa;
}
createDiscountOption = function (disc) {
    var $disc = $('<option style="color:black" class="discount" value=' + disc.id + '>' + disc.display + '</option>');
    $disc.data('disc', { 'id': disc.id, 'resort': disc.resortid, 'type': disc.type, 'display': disc.display, 'name': disc.name, 'value': disc.value});
    return $disc;
}
createExtraOption = function (extra) {
    var $extra = $('<option style="color:black" class="extra" value=' + extra.id + '>' + extra.name + '</option>');
    $extra.data('extra', { 'id': extra.id, 'name': extra.name, 'group': extra.groupname });
    return $extra;
}
createCurrencyOption = function (currency) {
    var $currency = $('<option style="color:black" class="currency" value=' + currency.id + '>' + currency.name + '</option>');
    $currency.data('currency', { 'id': currency.id, 'name': currency.name});
    return $currency;
}
function updateEditCheckbox(sender) {
    var sel = $(sender).children(':first-child').attr('id');
    $('.editCheckbox input').each(function () {
        if ($(this).attr('id') != sel) {
            $(this).prop("checked", false);
        }
        else {
            $(this).prop("checked", true);
            var row = $(this).parents('tr'); //.child('td:eq(0)'); // ); // td:nth-child(2)');
            alert($(row).html());
            var cell = row.children('select option:selected');
            alert(cell.html());
            var val = $(this).closest('tr td:eq(0) select option:selected').val();
            $('#MainContent_ddlChangeSalesperson').val($(this).parents('tr td:nth-child(1) select option:selected').val());
        }
    });
}
openCheckAvailability = function () {
    $find('MPEcheckavailability').show();
    $('#imgCloseAvailabilitySearch').css('display', 'block');
    if ($('#ddcl-AvailabilitySearchVillaSelect').length < 1) {
        $('#AvailabilitySearchVillaSelect').dropdownchecklist({ icon: { placement: 'right' },
            emptyText: "Select Accomadation",
            firstItemChecksAll: true,
            width: 260,
            explicitClose: '...close'
        });
        $('#AvailabilitySearchOccupancySelect').dropdownchecklist({ icon: { placement: 'right' },
            emptyText: "Select Occupancy",
            firstItemChecksAll: true,
            width: 260,
            explicitClose: '...close'
        });
    }
}
checkAvailability = function (s) {
    var url, data, ad, dd;
    ad = $(s).parents('table').find('input.searcharrive').val();
    dd = $(s).parents('table').find('input.searchdepart').val();
    if ($(s).attr('id') == 'btnSearchOccupancy') {
        var sel = $(s).parents('table').find('select.occupancyselect').val();
        url = 'services/QuoteServices.svc/SearchByOccupancy';
        data = { 'rid': ResortId, 'ad': ad, 'dd': dd, 'occ': sel.join(':') };
    }
    else if ($(s).attr('id') == 'btnSearchAccomadation') {
        var sel = $(s).parents('table').find('select.villaSelect').val();
        url = 'services/QuoteServices.svc/SearchByVillas';
        data = { 'rid': ResortId, 'ad': ad, 'dd': dd, 'vids': sel.join(':') };
    }
    $.ajax({ url: url,
        data: JSON.stringify(data),
        success: function (msg) {
            if (msg.d.length == 0) {
                alert('No Accomodation Is Available For Your Search!!');
                return false;
            }
            var str = '';
            for (i = 0; i < msg.d.length; i++) {
                //  str += '\n';
                str += '<span style=\'font-weight:bold;\'>' + msg.d[i].name + '</span><br/>';
                str += 'Bedrooms: ' + msg.d[i].beds + ' - ';
                str += 'Occupancy: ' + msg.d[i].occupancy + '<hr/>';

            }
            $find('MPEshowavailability').show();
            var start = $(s).parents('table').find('input.searcharrive').datepicker('getDate');
            var end = $(s).parents('table').find('input.searchdepart').datepicker('getDate');
            $('span.avResultFrom').text(start.format('ddd, d MMM yyyy'));
            $('span.avResultTo').text(end.format('ddd, d MMM yyyy'));
            $('div.avResults').html(str);
            $('#imgCloseResults').css('display', 'block');
            $find('MPEcheckavailability').hide();
        }
    });
}
openAddNewEnquiry = function () {
    $find('MPEaddnewenquiry').show();
    if ($('#ddcl-AddNewEnquiryVillaSelect').length < 1) {
        $('.villaSelect').dropdownchecklist({ icon: {},
            emptyText: "Select Accomodation",
            firstItemChecksAll: true,
            explicitClose: '...close',
            width: 330,
            maxDropHeight: 258
        });
    }
}
saveAddNewEnquiry = function () {
    $find('MPEaddnewenquiry').hide();
}
openEditComments = function (id) {
    var tr = $('tr[enquiryid=' + id + ']');
    var comments = tr.find('.comments');

  //  var newComments = $('#tbComments').valueOf('');

    $('#tbComments').attr('enquiryid',id);

    $find('MPEcomments').show();
}
saveEditComments = function () {
    var id = $('#tbComments').attr('enquiryid');
    var comments = $('#tbComments').val();

    var data = { 'eid': id, 'comments': comments, 'salesperson':Salesperson };
    $.ajax({ url: 'services/QuoteServices.svc/AddEnquiryComments',
        type: 'POST',
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        success: function (msg) {

            var tr = $('tr[enquiryid=' + id + ']');
            var cd = tr.find('.comments');

            var oldComments = cd.html();

            cd.html(msg.d);

            $find('MPEcomments').hide();
        },
        error: AjaxFailed
    });
}
openChangeSalesperson = function (id) {
    var tr = $('tr[enquiryid=' + id + ']');
    var sp = tr.find('.salesperson-name');
    var spid = sp.attr('spid');

    $('.salespeople').attr('enquiryid',id);
    $('.salespeople').val(spid);

    $find('MPEchangesalesperson').show();
}
saveChangeSalesperson = function () {
    var id = $('.salespeople').attr('enquiryid');
    var spid = $('.salespeople').val();
    var data = { 'eid': id, 'spid': spid, 'salesperson': Salesperson };
    $.ajax({ url: 'services/QuoteServices.svc/ChangeSalesperson',
        type: 'POST',
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        success: function (msg) {
            var tr = $('tr[enquiryid=' + id + ']');
            var sp = tr.find('.salesperson-name');
            sp.text(msg.d.salesperson);
            sp.attr('spid', msg.d.salespersonid);
            var eu = tr.find('.enquiryupdated');
            eu.text(msg.d.lastupdated);
            var cd = tr.find('.comments');
            cd.html(msg.d.comments);
            $find('MPEchangesalesperson').hide();
        }
    });
}
getServerTime = function () {
    $.ajax({ url: 'services/QuoteServices.svc/GetServerTime',
        data: JSON.stringify({}),
        success: function (msg) {
            ServerTime = jDate(msg.d);
        }
    });
}
jDate = function (s) {
    return new Date(parseInt(s.replace('/Date(', '').replace(')/', '')));
}
function addComments() {
    $('.editCheckbox input').each(function () {
        if ($(this).prop("checked") == true) {
            var input = $(this).parent().next('input')
            var eid = input.val();
            var comments = $('#MainContent_TextBox4').val();

            var data = { 'eid': eid, 'comments': comments };
            $.ajax({ url: 'services/QuoteServices.svc/AddEnquiryComments',
                type: 'POST',
                dataType: 'json',
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(data),
                success: function (msg) {
                    input.parent().prev().html(msg.d);
                },
                error: AjaxFailed
            });

            return false;
        }

    });
}

getEaliestDate = function (d1, d2, d3) {
    if (d1 == null && d2 == null && d3 == null) return null;
    if (d2 == null && d3 == null) return d1;
    if (d3 == null) {
        if (d1 < d2) return d1;
        return d2;
    }
    if (d1 < d2 && d1 < d3) return d1;
    if (d2 < d3) return d2;
    return d3;
}
getLatestDate = function (d1, d2, d3) {
    if (d1 == null && d2 == null && d3 == null) return null;
    if (d2 == null && d3 == null) return d1;
    if (d3 == null) {
        if (d1 > d2) return d1;
        return d2;
    }
    if (d1 > d2 && d1 > d3) return d1;
    if (d2 > d3) return d2;
    return d3;
}

function days_between(date1, date2) {

    // The number of milliseconds in one day
    var ONE_DAY = 1000 * 60 * 60 * 24

    // Convert both dates to milliseconds
    var date1_ms = date1.getTime()
    var date2_ms = date2.getTime()

    // Calculate the difference in milliseconds
    var difference_ms = Math.abs(date1_ms - date2_ms)

    // Convert back to days and return
    return Math.round(difference_ms / ONE_DAY)

}
var dateFormat = function () {
    var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
		timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
		timezoneClip = /[^-+\dA-Z]/g,
		pad = function (val, len) {
		    val = String(val);
		    len = len || 2;
		    while (val.length < len) val = "0" + val;
		    return val;
		};

    // Regexes and supporting functions are cached through closure
    return function (date, mask, utc) {
        var dF = dateFormat;

        // You can't provide utc if you skip other args (use the "UTC:" mask prefix)
        if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
            mask = date;
            date = undefined;
        }

        // Passing date through Date applies Date.parse, if necessary
        date = date ? new Date(date) : new Date;
        if (isNaN(date)) throw SyntaxError("invalid date");

        mask = String(dF.masks[mask] || mask || dF.masks["default"]);

        // Allow setting the utc argument via the mask
        if (mask.slice(0, 4) == "UTC:") {
            mask = mask.slice(4);
            utc = true;
        }

        var _ = utc ? "getUTC" : "get",
			d = date[_ + "Date"](),
			D = date[_ + "Day"](),
			m = date[_ + "Month"](),
			y = date[_ + "FullYear"](),
			H = date[_ + "Hours"](),
			M = date[_ + "Minutes"](),
			s = date[_ + "Seconds"](),
			L = date[_ + "Milliseconds"](),
			o = utc ? 0 : date.getTimezoneOffset(),
			flags = {
			    d: d,
			    dd: pad(d),
			    ddd: dF.i18n.dayNames[D],
			    dddd: dF.i18n.dayNames[D + 7],
			    m: m + 1,
			    mm: pad(m + 1),
			    mmm: dF.i18n.monthNames[m],
			    mmmm: dF.i18n.monthNames[m + 12],
			    yy: String(y).slice(2),
			    yyyy: y,
			    h: H % 12 || 12,
			    hh: pad(H % 12 || 12),
			    H: H,
			    HH: pad(H),
			    M: M,
			    MM: pad(M),
			    s: s,
			    ss: pad(s),
			    l: pad(L, 3),
			    L: pad(L > 99 ? Math.round(L / 10) : L),
			    t: H < 12 ? "a" : "p",
			    tt: H < 12 ? "am" : "pm",
			    T: H < 12 ? "A" : "P",
			    TT: H < 12 ? "AM" : "PM",
			    Z: utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
			    o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
			    S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
			};

        return mask.replace(token, function ($0) {
            return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
        });
    };
} ();
// Some common format strings
dateFormat.masks = {
    "default": "ddd mmm dd yyyy HH:MM:ss",
    shortDate: "m/d/yy",
    mediumDate: "mmm d, yyyy",
    longDate: "mmmm d, yyyy",
    fullDate: "dddd, mmmm d, yyyy",
    shortTime: "h:MM TT",
    mediumTime: "h:MM:ss TT",
    longTime: "h:MM:ss TT Z",
    isoDate: "yyyy-mm-dd",
    isoTime: "HH:MM:ss",
    isoDateTime: "yyyy-mm-dd'T'HH:MM:ss",
    isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};

// Internationalization strings
dateFormat.i18n = {
    dayNames: [
		"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
		"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
	],
    monthNames: [
		"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
		"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
	]
};

// For convenience...
Date.prototype.format = function (mask, utc) {
    return dateFormat(this, mask, utc);
};

// Get Querystring value
function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.href);
    if (results == null)
        return "";
    else
        return decodeURIComponent(results[1].replace(/\+/g, " "));
}
