/*!
 * * depend on
 * /js/jquery-1.11.3.min.js, /public/js/bootstrap.min.js
 * /js/ui.core.js,/js/ui.datepicker.js
 * /css/ui.core.css,/css/ui.datepicker.css,/css/ui.theme.css
 */
var shade_html = "<style type=\"text/css\" media=\"screen and (max-width:767px)\">" +
".ui-datepicker,.ui-datepicker-title{font-size:18px!important;}" +
"</style>";
shade_html += "<div id=\"date_dialog\" class=\"date_dialog modal fade\" role=\"dialog\" aria-hidden=\"true\" style=\"padding-top: 100px;\"><div id=\"date_inline\"></div></div>";
$(function() {
    // var min_date = $("#starting_date").data("min-date");
    // min_date = min_date ? min_date : 3;
    min_date = 3;
    if (screen.width >= 768){
      $("#starting_date").removeAttr("data-target");
        $("#starting_date").datepicker({
            showAnim:        "fadeIn",
            duration:        0,
            minDate:         min_date,
            maxDate:         "2y",
            dateFormat:      "mm/dd/yy",
            numberOfMonths:  2
        });
        $("#ui-datepicker-div,.ui-datepicker,.ui-datepicker-title").css({"font-size":"12px"});
    } else {
      $("body").append(shade_html);
      $("#starting_date").attr({"data-target":"#date_dialog", "data-toggle":"modal"});
      $('#date_dialog').on('show.bs.modal', function () {
        $("#date_inline").datepicker({
          showAnim:        "fadeIn",
          duration:        0,
          minDate:         min_date,
          maxDate:         "2y",
          dateFormat:      "mm/dd/yy",
          numberOfMonths:  1,
          onSelect: function (dateText, inst) {
            setTimeout(function(){
              $("#starting_date").val(dateText);
              $('#date_dialog').modal('hide');
            },500);
          }
        });
        var width = ($(window).width() - 306) / 2;
        $(".ui-datepicker").css({"width":"306px","z-index":9999,left:0,"margin-left":width+"px","margin-right":"auto","font-size":"18px"});
      }).on('hide.bs.modal', function () {
        var currentDate = $( "#date_inline" ).datepicker( "getDate" );
        var dateText = $.datepicker.formatDate("mm/dd/yy", currentDate);
        $("#starting_date").val(dateText);
      });
    }
})