@using ReportWeb.Models;

@model SvAdvSchedule
@functions {
    void MsgTypeToText(string msgType)
    {
        if (msgType == "0")
        {
            <span>SMS Text</span>
        }
        else if (msgType == "1")
        {
            <span>SMS Flash</span>
        }
        else if (msgType == "200")
        {
            <span>USSD Push</span>
        }
        else if (msgType == "201")
        {
            <span>USSD Flash</span>
        }
    }
}

@{
    DateTime startTime = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0);
    DateTime endTime = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 23, 59, 59);
    if (Model.from_date != null)
    {
        startTime = Model.from_date.Value;
    }

    if (Model.to_date != null)
    {
        endTime = Model.to_date.Value;
    }
}

<style>
    .row-table {
        /*border-bottom: solid 1px;*/
        /*margin-top: 5px;
        margin-bottom: 5px;*/
    }
</style>
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <label for="team1">Schedule Title</label>
            <input class="form-control" type="text" id="scheduleName" name="scheduleName" autocomplete="on" value="@Model.schedule_name">
        </div>
    </div>

</div>
<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label>Start time</label>
            <div class='input-group'>
                <input id="fromDate" name="fromDate" type='text' class="form-control fromDate" value="@startTime.ToString("dd/MM/yyyy HH:mm:ss")" />
                <div class="input-group-append">
                    <span class="input-group-text">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label>End time</label>
            <div class='input-group'>
                <input id="toDate" name="toDate" type='text' class="form-control todate" value="@endTime.ToString("dd/MM/yyyy HH:mm:ss")" />
                <div class="input-group-append">
                    <span class="input-group-text">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
<hr />
<div class="row row-table">
    <div class="col-md-2">
        <div class="">
            <label><b>Service Adv</b></label>
        </div>
    </div>
    <div class="col-md-2">
        <div class="">
            <label><b>Percent</b></label>
        </div>
    </div>
    <div class="col-md-8">
        <div class="">
            <label><b>Adv Info</b></label>
        </div>
    </div>
</div>
@for (int i = 0; i < Model.list_adv.Count; i++)
{
    <hr />
    SvAdv adv = Model.list_adv[i];
    <div class="row row-table">
        <input type="hidden" class="sv-adv-id" value="@adv.id" id="id-@i" />
        <div class="col-md-2">
            <div class="">
                @*<label for="serviceAdv">Service Adv</label>*@
                <div id="sv-adv-id-@i" name="serviceAdv">@adv.adv_name</div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="">
                @*<label for="percent">Percent</label>*@
                <input id="percent-@i" name="percent" class="form-control" type="number" min="0" max="100" value="@adv.percent" />
            </div>
        </div>
        <div class="col-md-8">
            <div class="">
                @*<label for="adv-info">Info</label>*@
                <div name="adv-info" id="adv-info-@adv.id">
                    <div>
                        <b>Service</b>: @adv.sv_code
                    </div>
                    <div>
                        <b>Message type</b>: @{MsgTypeToText(adv.message_type);}
                    </div>
                    <div>
                        <b>Message content</b>: @adv.msg_adv
                    </div>
                    <div>
                        <b>Channel</b>: @adv.channel_adv
                    </div>
                    <div>
                        <b>From money</b>: @adv.from_money
                    </div>
                </div>
            </div>
        </div>
    </div>
}

<script>
    $(document).ready(function () {
        $("#fromDate").datetimepicker({
            format: "DD/MM/YYYY HH:mm:ss",
            defaultDate: moment().startOf('day')
        });


        $("#toDate").datetimepicker({
            format: "DD/MM/YYYY HH:mm:ss",
            defaultDate: moment().endOf('day')
        });
    });
</script>