<?php

    $isReportShow = 'isSummaryMealReportShow';
    $reportTable = 'summary-meal-table';
    $title = __("LBL_SUMMARY_OF_MEAL_AND_COST");
    $title_class = 'summary-of-meal';

?>
<h5 id="summaryHeader" style="text-align: left; margin-top: 20px;"  <?php echo 'class="'.$title_class.'">'.$title; ?>
<span class="showHideSpan" style=""> (<label <?php echo 'for="'. $isReportShow.'">'. __("LBL_HIDE_SHOW").' <input type="checkbox" value="1" name="isMealReportShow" id="'.$isReportShow.'"'; ?> checked="checked"></label>)</span>
</h5>
<div class="<?php echo $reportTable; ?>">
    <p>* Per meal cost is <?php echo $meal_rate." ".$data['Expense']['currency']; ?><br/>
        <?php if (!empty($participant_id)) { ?>
       * Meals for you: <?php echo $meal_total." ( out of ".$total_meal.") and cost :".$meal_total*$meal_rate." ".$data['Expense']['currency']." ( out of ".$total_expense." ".$data['Expense']['currency'].")"; ?>
        <?php } ?>
    </p>
</div>
<script>
    $(document).ready(function(){
        var reportId = '<?php echo $isReportShow; ?>';
        var reportTable = '<?php echo $reportTable; ?>';
        var reportTitleClass = '<?php echo $title_class; ?>';
        $('#'+reportId).on('click', function () {
            if(this.checked) {
                $('.'+reportTable).show().removeClass('hideCell');
                $('.'+reportTitleClass).removeClass('hidden-print');
            } else {
                $('.'+reportTable).hide().addClass('hideCell');
                $('.'+reportTitleClass).addClass('hidden-print');
            }
        });
    });
</script>