@*
For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@using SuperCms.Controllers;
@using SuperCms.Models;
@using System.Globalization;
@model ReportViewModel
<link rel="stylesheet" type="text/css" href="~/css/css/model.css">

@{
    // set today date for all
    DateTime oDateFrom = DateTime.ParseExact(Model.startDate, "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
    String dateFrom = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fff", CultureInfo.InvariantCulture);
    DateTime oDateTo = DateTime.ParseExact(Model.endDate, "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
    String dateTo = oDateTo.ToString("yyyy-MM-dd'T'HH:mm:ss.fff", CultureInfo.InvariantCulture);
}

<style>
    .note-input {
        color: red;
    }
</style>

<div class="modal-content">
    <div class="modal-header">
        <h4 class="modal-title" id="modalLabelService">Export</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Telcos</label>
                    <select id="telcoExport" name="telcoExport" class="form-control"
                        onchange="telcoExportClick(this.value)">
                        <option value="@Model.telco.id">@Model.telco.telcoName</option>
                        @{
                            for (int i = 0; i < Model.telcos.data.Count; i++)
                            {
                                if (Model.telcos.data[i].id != Model.telco.id)
                                {
                                    <option value="@Model.telcos.data[i].id">@Model.telcos.data[i].telcoName</option>
                                }
                            }
                        }
                        <option value="-1">ALL</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4 company-model-style">
                <div class="form-group">
                    <label for="serviceCode">Companies</label>
                    <select id="companyExport" name="companyExport" class="form-control"
                        onchange="companyExportClick(this.value)">
                        <option value="@Model.company.id">@Model.company.name</option>
                        @{
                            for (int i = 0; i < Model.companies.data.Count; i++)
                            {
                                if (Model.companies.data[i].id != Model.company.id)
                                {
                                    <option value="@Model.companies.data[i].id">@Model.companies.data[i].name</option>
                                }
                            }
                        }
                        <option value="-1">ALL</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4 service-model-style">
                <div class="form-group">
                    <label for="serviceCode">Services</label>
                    <select id="serviceExport" name="serviceExport" class="form-control">
                        @{
                            for (int i = 0; i < Model.services.data.Count; i++)
                            {
                                <option value="@Model.services.data[i].id">@Model.services.data[i].serviceName</option>
                            }
                        }
                        <option value="-1">ALL</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">From date</label>
                    <input class="model-box-input" type="datetime-local" id="fromDate" name="from-date"
                        value="@dateFrom">
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="toDate">To date</label>
                    <input class="model-box-input" type="datetime-local" id="toDate" name="to-date" value="@dateTo">
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
        <button type="button" id="btnSearch" class="btn btn-outline-primary" onclick="exportAction()">Export</button>
    </div>
</div>

<form action="/Report/ExportAction" method="post" id="report-export-action-form">
    <input type="hidden" id="modeltelcoID" class="modeltelcoID" name="telcoID" value="" />
    <input type="hidden" id="modelcompanyID" class="modelcompanyID" name="companyID" value="" />
    <input type="hidden" id="modelserviceID" class="modelserviceID" name="serviceID" value="" />
    <input type="hidden" id="modelstartMonth" class="modelstartMonth" name="startMonth" value="" />
    <input type="hidden" id="modelendMonth" class="modelendMonth" name="endMonth" value="" />
</form>