@model List<CPE.App.Web.Models.CourseListingsDataResult>
@{
    ViewBag.Title = "On Demand Courses";
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="/static/js/index/elucidat.js"></script>
<h2 class="floatleft">On Demand Courses</h2>
<h3 class="floatright">@Html.ActionLink("Meeting Sessions", "Index", "Index")</h3>
<h3 class="floatright">&emsp;</h3>
<h3 class="floatright">@Html.ActionLink("On-Demand Certificate Report", "CertificateReport", "Index")</h3>
<hr />
<table id="onDemandCoursesTable" class="display">
    <thead>
        <tr>
            <th>Course</th>
            <th>Created Date</th>
            <th>Presenter</th>
            <th>Field of Study</th>
            <th>Credits</th>
            <th>Get Magic Ticket</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var onDemandCourse in Model)
        {
            <tr>
                <td class="cell namecell" style="white-space:normal;"><a href="/course/@onDemandCourse.ReleaseCode">@onDemandCourse.Name</a></td>
                <td class="cell datecell">@(onDemandCourse.CreatedDate != null ? ((DateTime)onDemandCourse.CreatedDate).ToString("MM/dd/yyyy") : String.Empty)</td>
                <td class="cell numbercell">@onDemandCourse.Presenter.ToString()</td>
                <td class="cell numbercell">@onDemandCourse.Fos.ToString()</td>
                <td class="cell numbercell">@onDemandCourse.Credits.ToString()</td>
                <td class="cell btn"><button data-pcode=@onDemandCourse.ProjectCode data-rcode=@onDemandCourse.ReleaseCode class="btnGetLink">Get New Link</button></td>
            </tr>
        }
    </tbody>
</table>
<div>
    <br />
    <br />
    <br />
    <br />
    <div id="newlinkDiv"></div>
    <div id="dialog">
        <form>
            <fieldset>
                <label for="firstName">First Name</label>
                <input type="text" name="firstName" id="firstName" class="text ui-widget-content ui-corner-all">
                <label for="lastName">Last Name</label>
                <input type="text" name="lastName" id="lastName" class="text ui-widget-content ui-corner-all">
                <label for="email">Email</label>
                <input type="text" name="email" id="email" class="text ui-widget-content ui-corner-all">
                

                <!-- Allow form submission with keyboard without duplicating the dialog button -->
                <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
            </fieldset>
        </form>
    </div>
</div>