<?php

<?php

/**

 * @var array $reportItems

 * @var array $report

 * @var float $cashSumm

 * @var float $creditSumm

 * @var float $otherSumm

 * @var \App\View\AppView $this

 */

?>


<div class="container-fluid" id="reports">


</div>



<div class="container-fluid hidden-print">

  <div class="row">

    <div class="col-md-12">

      <div class="panel panel-white">

        <div class="panel-body" id="task-list" style="min-height: 500px;">

          <h2>Сводный отчёт по финансовым поступлениям</h2>

          <b>Выберите параметры выгрузки отчёта</b>

          <hr>

          <form>

            <div class="container" style="min-height: 350px; text-align: center">

              <div class='col-md-2'></div>

              <div class='col-md-3' style="text-align: center">

                <div class="form-group">

                  <div class='input-group date' id='dateFrom'>

                    <input name="dateFrom" id="dateFromInput" style="display: none">

                  </div>

                </div>

              </div>

              <div class='col-md-2' style="text-align: center">

              </div>

              <div class='col-md-3' style="text-align: center">

                <div class="form-group">

                  <div class='input-group date' id='dateTo'>

                    <input name="dateTo" id="dateToInput" style="display: none" required>

                  </div>

                </div>

              </div>

              <div class='col-md-2'></div>

            </div>


            <div class="clear"></div>

            <button type="button" id="loadReports" class="btn btn-block btn-primary">Создать отчёт</button>

          </form>

        </div>

      </div>

    </div>

  </div>

</div>



<script type="text/javascript">

  $(function () {

    $('#dateFrom').datetimepicker({

      locale: 'ru',

      inline: true,

      format: 'YYYY-MM-DD'

    });

    $('#dateTo').datetimepicker({

      useCurrent: true,

      locale: 'ru',

      inline: true,

      format: 'YYYY-MM-DD'

    });

    $("#dateFrom").on("dp.change", function (e) {

      $('#dateTo').data("DateTimePicker").minDate(e.date);

    });

    $("#dateTo").on("dp.change", function (e) {

      $('#dateFrom').data("DateTimePicker").maxDate(e.date);

    });


    function handleReport(body) {

      body = $(body).find('#reportResult').html();

      if(typeof body != 'undefined') {

        $('#reports').append(body + '<hr>');

      }

    }


    $('#loadReports').click(function () {

      var dateFrom = $('#dateFromInput').val();

      var dateTo = $('#dateToInput').val();

      $('#reports').html('<div class="container-fluid" id="reports"></div>');

      $.ajax({

        method: "GET",

        url: "/report/cardsReport?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);


      $.ajax({

        method: "GET",

        url: "/report/prolongationsReport?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);

$.ajax({

        method: "GET",

        url: "/report/shopReport?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);

$.ajax({

        method: "GET",

        url: "/report/cardsBalanceReport?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);

$.ajax({

        method: "GET",

        url: "/report/hireReport?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);

$.ajax({

        method: "GET",

        url: "/report/workouts?dateFrom=" + dateFrom + "&type=normal&dateTo=" + dateTo

      }).done(handleReport);

    });

  });

</script>

Report Page