<cfinclude template="header.cfm">
     <link href="../plugins/bower_components/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />

<link href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />

  <div id="page-wrapper">
    <div class="container-fluid">
      <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
          <h4 class="page-title">Survey Stats</h4>
          <a href="data-table-survey.cfm">Raw Data</a>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
          <ol class="breadcrumb">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Calendar</a></li> <li class="active">Today</li>
          </ol>
        </div>
        <!-- /.col-lg-12 -->
      </div>
      <!-- /row -->
      <div class="row">
                <div class="col-sm-12">
          <div class="white-box">


<Cfset newdatetime = #dateformat(currentdatetime,'yyyy-mm-dd')#>
<Cfset newdatetime = #dateadd('d',-7,today)#>

<Cfset newdatetime = #dateformat(newdatetime,'yyyy-mm-dd')#>
<Cfset newdatetime = '2021-11-09'>

<cfset today = #dateformat(currentdatetime,'yyyy-mm-dd')#>
<Cfset tomorrow = #dateadd('d',1,today)#>
<cfset tomorrow = #dateformat(tomorrow,'yyyy-mm-dd')#>



<form action="data-table-survey-may-analyze.cfm?requesttimeout=5000" method="post" name="calme"  enctype="multipart/form-data">

<Table><tr><td>
From:
<input class="form-control" id="datepicker-autoclose" placeholder="mm/dd/yyyy" name="dater" label="Block out starts" style="width:115px;" data-date-format="yyyy-mm-dd" <Cfif parameterexists(form.daterend)>value="<cfoutput>#dateformat(dater,'yyyy-mm-dd')#</cfoutput>" <cfelse> value="<cfoutput>#dateformat(newdatetime,'yyyy-mm-dd')#</cfoutput>"</Cfif>>
</Td><td>
To:
<input name="daterend" class="form-control" id="datepicker-autoclose" placeholder="mm/dd/yyyy" style="width:115px;" data-date-format="yyyy-mm-dd" <Cfif parameterexists(form.daterend)>value="<cfoutput>#dateformat(daterend,'yyyy-mm-dd')#</cfoutput>" <cfelse> value="<cfoutput>#dateformat(tomorrow,'yyyy-mm-dd')#</cfoutput>"</Cfif>>
 </td><Td style="padding-top: 14px;">
<button class="btn btn-success btn-mini">SEARCH <i class="icon-save"></i></button>
 </Td></tr></table>
</form>

<!---            <p class="text-muted m-b-30">Export data to Copy, CSV, Excel, PDF & Print</p>
    --->         <div class="table-responsive">

	          <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay <Cfif parameterexists(form.daterend)>where currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery>
<h1>	          Total Responses: <cfoutput>#getc.counter#</cfoutput>
	</h1>          
	           <div class="col-lg-12">
                                                <div class="form-group">
<label for="blurb">What activities are you planning to do in May?</label><br>
<table border="1" cellpadding="4" cellspacing="0">
    
<tr><td style="padding:4px;">
Visit a museum <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Visit a museum%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>

<tr><td style="padding:4px;">
Go to Broadway or off Broadway <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go to Broadway or off Broadway%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


<tr><td style="padding:4px;">
Attend a professional sports event <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Attend a professional sports event%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>

<tr><td style="padding:4px;">Visit a NYC attraction <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Visit a NYC attraction%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>

<tr><td style="padding:4px;">Eat at an expensive restaurant <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Eat at an expensive restaurant%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


<tr><td style="padding:4px;">Take a walking or bus tour <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Take a walking or bus tour%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>



<tr><td style="padding:4px;">Go on a shopping spree <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go on a shopping spree%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


<tr><td style="padding:4px;">Attend an immersive/instagrammable event <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Attend an immersive%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


<tr><td style="padding:4px;">Take commercial boat ride <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Take commercial boat ride%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>



<tr><td style="padding:4px;">Go on a vacation by plane <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go on a vacation by plane%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


<tr><td style="padding:4px;">Spend a vacation weekend away with than 200 miles <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Spend a vacation weekend away with than 200 miles%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>



<tr><td style="padding:4px;">Go to an amusement park <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go to an amusement park%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>






<tr><td style="padding:4px;">Attend an outdoor concert <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Attend an outdoor concert%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>
<tr><td style="padding:4px;">Go to a club for music <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go to a club for music%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>
<tr><td style="padding:4px;">Catch a jazz show <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Catch a jazz show%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>
<tr><td style="padding:4px;">Go to a cabaret showpark <cfquery name="Getc" dataSource="#ds#">select count(id) as counter from cgsurveymay where nycinterests like '%Go to a cabaret show%' <Cfif parameterexists(form.daterend)> and currentdatetime >= '#form.dater#' and currentdatetime <= '#daterend#'</cfif></cfquery></td><td style="padding:4px;"><Cfoutput>#getc.counter#</Cfoutput></td></tr>


</table>

</div></div>


</div></div>
	          
	          
	          
            </div>
          </div>
        </div>
      </div>






      <!-- /.row -->

     <cfinclude template="footer.cfm">

<script src="../plugins/bower_components/datatables/jquery.dataTables.min.js"></script>

<!-- start - This is for export functionality only -->
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<!-- end - This is for export functionality only -->
<!-- end - This is for export functionality only -->

<script>
    $(document).ready(function(){
      $('#myTable').DataTable();
      $(document).ready(function() {
        var table = $('#example').DataTable({
          "columnDefs": [
          { "visible": false, "targets": 2 }
          ],
          "order": [[ 2, 'asc' ]],
          "displayLength": 25,
          "drawCallback": function ( settings ) {
            var api = this.api();
            var rows = api.rows( {page:'current'} ).nodes();
            var last=null;

            api.column(2, {page:'current'} ).data().each( function ( group, i ) {
              if ( last !== group ) {
                $(rows).eq( i ).before(
                  '<tr class="group"><td colspan="5">'+group+'</td></tr>'
                  );

                last = group;
              }
            } );
          }
        } );

    // Order by the grouping
    $('#example tbody').on( 'click', 'tr.group', function () {
      var currentOrder = table.order()[0];
      if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) {
        table.order( [ 2, 'desc' ] ).draw();
      }
      else {
        table.order( [ 2, 'asc' ] ).draw();
      }
    });
  });
    });
    $('#example23').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });


  </script>

<!-- jQuery -->
<script src="../plugins/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Menu Plugin JavaScript -->
<script src="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>

<!--slimscroll JavaScript -->
<script src="js/jquery.slimscroll.js"></script>
<!--Wave Effects -->
<script src="js/waves.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.min.js"></script>
<!-- Plugin JavaScript -->
<script src="../plugins/bower_components/moment/moment.js"></script>
<!-- Clock Plugin JavaScript -->
<script src="../plugins/bower_components/clockpicker/dist/jquery-clockpicker.min.js"></script>
<!-- Color Picker Plugin JavaScript -->
<script src="../plugins/bower_components/jquery-asColorPicker-master/libs/jquery-asColor.js"></script>
<script src="../plugins/bower_components/jquery-asColorPicker-master/libs/jquery-asGradient.js"></script>
<script src="../plugins/bower_components/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js"></script>
<!-- Date Picker Plugin JavaScript -->
<script src="../plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<!-- Date range Plugin JavaScript -->
<script src="../plugins/bower_components/timepicker/bootstrap-timepicker.min.js"></script>
<script src="../plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script>
// Clock pickers
$('#single-input').clockpicker({
  placement: 'bottom',
  align: 'left',
  autoclose: true,
  'default': 'now'

});

$('.clockpicker').clockpicker({
    donetext: 'Done',

})
  .find('input').change(function(){
    console.log(this.value);
});

$('#check-minutes').click(function(e){
  // Have to stop propagation here
  e.stopPropagation();
  input.clockpicker('show')
      .clockpicker('toggleView', 'minutes');
});
if (/mobile/i.test(navigator.userAgent)) {
  $('input').prop('readOnly', true);
}
// Colorpicker

$(".colorpicker").asColorPicker();
$(".complex-colorpicker").asColorPicker({
    mode: 'complex'
});
$(".gradient-colorpicker").asColorPicker({
    mode: 'gradient'
});
// Date Picker
    jQuery('.mydatepicker, #datepicker').datepicker();
    jQuery('#datepicker-autoclose').datepicker({
        autoclose: true,
        todayHighlight: true
      });

    jQuery('#date-range').datepicker({
        toggleActive: true
      });
    jQuery('#datepicker-inline').datepicker({

        todayHighlight: true
      });

// Daterange picker

$('.input-daterange-datepicker').daterangepicker({
          buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse'
        });
            $('.input-daterange-timepicker').daterangepicker({
                timePicker: true,
                format: 'MM/DD/YYYY h:mm A',
                timePickerIncrement: 30,
                timePicker12Hour: true,
                timePickerSeconds: false,
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse'
            });
            $('.input-limit-datepicker').daterangepicker({
                format: 'MM/DD/YYYY',
                minDate: '06/01/2015',
                maxDate: '06/30/2015',
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse',
                dateLimit: {
                    days: 6
                }
            });
</script>


<!--Style Switcher -->
<script src="../plugins/bower_components/styleswitcher/jQuery.style.switcher.js"></script>
</body>
</html>