<br><br><br><br>

<div class="card" id="primary-card">
    <div class="card-header ui-sortable-handle" style="cursor: move">
        <h2 class="card-title" style="font-size: 2.5rem;" id="DrawSummaryDailyTargetDate">Draw Summary Daily
        </h2>

        <div class="card-tools">
            <input type="date" class="form-control" id="DrawSummaryDailyTargetDateSelect">
        </div>
    </div>
    <div class="card-body">
        
    </div>
</div>

<br><br><br>
<script>

    if (typeof targetdate === 'undefined' || targetdate === null) {
        targetdate = '';
    }




    function GenerateDailyDrawSummaryReportsNow(response) {

        if (typeof currenttarget === 'object' && currenttarget.hasOwnProperty('targetdate')) {
            targetdate = currenttarget['targetdate'];
        }

        if (typeof currenttarget === 'object' && currenttarget.hasOwnProperty('currenttarget')) {
            currenttarget = currenttarget['currenttarget'];
        }



        if (typeof targetdate === 'undefined' || targetdate === null || !targetdate) {
            targetdate = getDateInGMT8();
            targetdateObject = new Date(getDateInGMT8());
        } 
            targetdateObject = new Date(targetdate);
        

        texttargetdate = formatDate(targetdateObject);

        




    }



    function GenerateDrawSummaryReportDaily() {
        AjaxDo('?Draw/Summary/Daily/Details', { targetdate: targetdate }, GenerateDailyDrawSummaryReportsNow, null, reqtype = 'POST');
    }


    GenerateDrawSummaryReportDaily();


     TargetdateInput = document.getElementById('DrawSummaryDailyTargetDateSelect');


    TargetdateInput.value = getDateInGMT8();

    TargetdateInput.addEventListener('change', function () {
        targetdate = TargetdateInput.value;
        GenerateDrawSummaryReportDaily();

    });



</script>


<style>

</style>