$(document).ready(function() {

$('.big-icon').click(function() {
$(this).toggleClass('big-icon--active');
$('.build-plan-modal').addClass('build-plan-modal--open');
$(this).children('.big-icon__indicator').toggleClass('show-indicator');
});

$('.build-plan-modal__close').click(function() {

$('.build-plan-modal--open').removeClass('build-plan-modal--open');
});

$('#add_ooh_dates').click(function() {
var dates_vals = $('#dates').val();

var date_totals = $('#pbp_date_container').children('.form-group__date-select').length;
var date_markup = '<div class="form-group__date-select" id="date_select_'+date_totals+'"><input required type="text" id="dates'+date_totals+'" class="mdc-text-field__input form-control" name="datetimes'+date_totals+'" readonly value="'+dates_vals+'" onkeyup=""><span id="rmv_btn_'+date_totals+'" class="form-group__btn form-group__btn--rmv rmvbtn" data-rmv="'+date_totals+'" data-type="ooh"></span></div>';
$('#pbp_date_container').append(date_markup);
var hidden_date_markup = '<input id="bp_date_'+date_totals+'" name="bp_date_'+date_totals+'" type="text">';
console.log(hidden_date_markup);

$('#bp_hidden_form_group').append(hidden_date_markup);

var today = new Date();
today.setDate(today.getDate() + 2);
$('#dates'+date_totals+'').daterangepicker({
timePicker: true,
minDate: today,
startDate: moment().startOf('hour').add(48, 'hour'),
endDate: moment().startOf('hour').add(192, 'hour'),
locale: {
format: 'M/DD/YYYY hh:mm:ss A'
}
});

$('#dates'+date_totals+'').on('apply.daterangepicker', function (ev, picker) {
var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'bp_date_'+date_totals+'',1);
$('#bp_date_'+date_totals+'').val(date_val);
buildPlan();
});

//alert("add");

});

$('#dates').on('apply.daterangepicker', function (ev, picker) {
var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'',1);
console.log(date_val);
$('#bp_date').val(date_val);
buildPlan();
});


//ooh date range picker
$('#add_ctv_dates').click(function() {
var dates_vals = $('#ctv_datetimes').val();

var date_totals = $('#pbp_ctv_date_container').children('.form-group__date-select').length;
var date_markup = '<div class="form-group__date-select" id="ctv_date_select_'+date_totals+'"><input required type="text" id="ctv_dates'+date_totals+'" class="mdc-text-field__input form-control" name="ctv_datetimes'+date_totals+'" readonly value="'+dates_vals+'" onkeyup=""><span id="rmv_btn_'+date_totals+'" class="form-group__btn form-group__btn--rmv rmvbtn" data-rmv="'+date_totals+'" data-type="ctv"></span></div>';
$('#pbp_ctv_date_container').append(date_markup);
var hidden_date_markup = '<input id="bp_ctv_date_'+date_totals+'" name="bp_ctv_date_'+date_totals+'" type="text">';

$('#bp_hidden_form_group').append(hidden_date_markup);

var today = new Date();
today.setDate(today.getDate() + 2);
$('#ctv_dates'+date_totals+'').daterangepicker({
timePicker: true,
minDate: today,
startDate: moment().startOf('hour').add(48, 'hour'),
endDate: moment().startOf('hour').add(192, 'hour'),
locale: {
format: 'M/DD/YYYY hh:mm:ss A'
}
});

$('#ctv_dates'+date_totals+'').on('apply.daterangepicker', function (ev, picker) {
var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'ctv_dates_'+date_totals+'',2);
$('#bp_ctv_date_'+date_totals+'').val(date_val);
buildPlan();
});
});

$('#ctv_datetimes').on('apply.daterangepicker', function (ev, picker) {
  var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
  addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'',2);
  $('#bp_ctv_date').val(date_val);
  var ctv_pontiac_start_val = picker.startDate.format('YYYYMMDD');
  var ctv_pontiac_end_val = picker.endDate.format('YYYYMMDD');
  $('#ctv_start_dates_pontiac').val(ctv_pontiac_start_val);
  $('#ctv_end_dates_pontiac').val(ctv_pontiac_end_val);

  var ctv_start = picker.startDate.format('YYYY-MM-DD');
  var ctv_end = picker.endDate.format('YYYY-MM-DD');
  
  buildPlan();
});

// streaming audio date picker
$('#add_sa_dates').click(function() {
var dates_vals = $('#sa_datetimes').val();

var date_totals = $('#pbp_sa_date_container').children('.form-group__date-select').length;
var date_markup = '<div class="form-group__date-select" id="sa_date_select_'+date_totals+'"><input required type="text" id="sa_dates'+date_totals+'" class="mdc-text-field__input form-control" name="sa_datetimes'+date_totals+'" readonly value="'+dates_vals+'" onkeyup=""><span id="rmv_btn_'+date_totals+'" class="form-group__btn form-group__btn--rmv rmvbtn" data-rmv="'+date_totals+'" data-type="sa"></span></div>';
$('#pbp_sa_date_container').append(date_markup);
var hidden_date_markup = '<input id="bp_sa_date_'+date_totals+'" name="bp_sa_date_'+date_totals+'" type="text">';

$('#bp_hidden_form_group').append(hidden_date_markup);

// var date_var_sd = $('#date_vars').attr('data-sd');
// var date_var_ed = $('#date_vars').attr('data-ed');
var today = new Date();
today.setDate(today.getDate() + 2);
$('#sa_dates'+date_totals+'').daterangepicker({
timePicker: true,
minDate: today,
startDate: moment().startOf('hour').add(48, 'hour'),
endDate: moment().startOf('hour').add(192, 'hour'),
locale: {
format: 'M/DD/YYYY hh:mm:ss A'
}
});

$('#sa_dates'+date_totals+'').on('apply.daterangepicker', function (ev, picker) {
var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'sa_dates_'+date_totals+'',3);
$('#bp_sa_date_'+date_totals+'').val(date_val);
buildPlan();
});
});

$('#sa_datetimes').on('apply.daterangepicker', function (ev, picker) {
var date_val = picker.startDate.format('YYYY-MM-DD hh:mm A') + ' - ' + picker.endDate.format('YYYY-MM-DD hh:mm A');
addDates(picker.startDate.format('M/DD/YYYY hh:mm:ss A'),picker.endDate.format('M/DD/YYYY hh:mm:ss A'),'',3);
$('#bp_sa_date').val(date_val);
var sa_pontiac_start_val = picker.startDate.format('YYYYMMDD');
var sa_pontiac_end_val = picker.endDate.format('YYYYMMDD');
$('#sa_start_dates_pontiac').val(sa_pontiac_start_val);
$('#sa_end_dates_pontiac').val(sa_pontiac_end_val);

  var sa_start = picker.startDate.format('YYYY-MM-DD');
  var sa_end = picker.endDate.format('YYYY-MM-DD');
  

buildPlan();
});



$(document).on('click', '.form-group__btn--rmv', function() {
var rmv_num = $(this).attr('data-rmv');

if($(this).attr('data-type') == 'ooh') {
$('#date_select_'+rmv_num).remove();
$('#bp_date_'+rmv_num).remove();

var sessID = document.getElementById('sessionID').value;
var a = 'bp_date_'+rmv_num;


var url = 'ajax/sp_createprogram.php?step=4&sessID='+sessID+'&fieldID='+a;
//alert(url);

 var xhttp = new XMLHttpRequest();
 xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
     //document.getElementById('alert').innerHTML=xhttp.responseText;
   }
 };
 xhttp.open("GET", url, true);
 xhttp.send();




} else if($(this).attr('data-type') == 'ctv') {
$('#ctv_date_select_'+rmv_num).remove();
$('#bp_ctv_date_'+rmv_num).remove();

var sessID = document.getElementById('sessionID').value;
var a = 'ctv_dates_'+rmv_num;


var url = 'ajax/sp_createprogram.php?step=4&sessID='+sessID+'&fieldID='+a;
//alert(url);

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
//document.getElementById('alert').innerHTML=xhttp.responseText;
}
};
xhttp.open("GET", url, true);
xhttp.send();


} else if($(this).attr('data-type') == 'sa') {
$('#sa_date_select_'+rmv_num).remove();
$('#bp_sa_date_'+rmv_num).remove();

var sessID = document.getElementById('sessionID').value;
var a = 'sa_dates_'+rmv_num;


var url = 'ajax/sp_createprogram.php?step=4&sessID='+sessID+'&fieldID='+a;
//alert(url);

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
//document.getElementById('alert').innerHTML=xhttp.responseText;
}
};
xhttp.open("GET", url, true);
xhttp.send();


}
});

$('#fname').keyup(function() {
var input_value = $(this).val();
$('#bp_fname').val(input_value);
});

$('#lname').keyup(function() {
var input_value = $(this).val();
$('#bp_lname').val(input_value);
});

$('#email').keyup(function() {
var input_value = $(this).val();
$('#bp_email').val(input_value);
});

$('#nickname').keyup(function() {
var input_value = $(this).val();
$('#bp_nickname').val(input_value);
});

var on_load_budget = $('#publicbudget').val();
$('#bp_budget').val(on_load_budget);

$('#publicbudget').change(function() {
var input_value = $(this).val();
$('#bp_budget').val(input_value);
});

locations_pkg = $('#publicbudget').val();
var prev_pkg = locations_pkg;

$('#publicbudget').change(function() {
locations_pkg = $(this).val();

var camp_totals = $('.campaign-single').length;
var locs_allowed;

pub_budget = locations_pkg;

if(pub_budget == 'pkg_1') {
locs_allowed = 2;
}else if(pub_budget == 'pkg_2') {
locs_allowed = 3;
} else if(pub_budget == 'pkg_3') {
locs_allowed = 4;
} else if(pub_budget == 'pkg_4') {
locs_allowed = 5;
}

if(camp_totals >= locs_allowed) {
$('#add_to_plan_btn').addClass('deactivated');
$('#pagination_data').addClass('deactivated');
} else {
$('#add_to_plan_btn').removeClass('deactivated');
$('#pagination_data').removeClass('deactivated');
}

if(camp_totals > locs_allowed) {
var reduce_locs = camp_totals - locs_allowed;

if(reduce_locs == 1) {
var loc_text = "location";
} else {
var loc_text = "locations";
}

alert('Please remove '+reduce_locs+' '+loc_text+' before selecting this budget');
$('#publicbudget').val(prev_pkg);
return;
}

if(pub_budget == 'pkg_1') {
play_totals = 500;
}else if(pub_budget == 'pkg_2') {
play_totals = 3000;
} else if(pub_budget == 'pkg_3') {
play_totals = 6000;
} else if(pub_budget == 'pkg_4') {
play_totals = 12500;
}

play_totals = play_totals / camp_totals;

play_totals = Math.ceil(play_totals);

play_totals = thousands_separators(play_totals);

$('.module-list__ptotal').text(play_totals);

prev_pkg = locations_pkg;
});
});