@model CPE.App.Web.Models.RecordingPauses
@{
    ViewBag.Title = "Rebroadcast Pauses";
}
<script type="text/javascript" src="/static/js/jquery.timePicker.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.dictionary-1.2.js"></script>
<script type="text/javascript" src="/static/js/rebroadcast/rebroadcastpauses.js"></script>
<style>
    tr{ margin: 10px;}
    th,td { padding: 5px;}
</style>

<span class="floatright"><a class="backlink" href="javascript:history.back(0);">Back to Rebroadcast Sessions</a></span>
<h2>Rebroadcast Pauses - @Model.Session.Name</h2>
<hr/>
@if (Model.SessionPauses.Count() > 0)
{
    <h2>Edit Rebroadcast Pauses</h2>
    <table>
        <thead>
            <tr>
                <th>Start Date</th>
                <th>Start Time</th>
                <th>End Date</th>
                <th>End Time</th>
                <th>Remove</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var pause in Model.SessionPauses)
            {
                <tr pauseKey="@pause.MesstingSessionPauseKey">
                    <td class="startDate">@CPE.App.Web.Code.Extensions.GetLocalDateTime(pause.StartDate).ToString("MM/dd/yyyy")</td>
                    <td><input type="text" class="timepicker startTime" value="@CPE.App.Web.Code.Extensions.GetLocalDateTime(pause.StartDate).ToString("hh:mm tt")"/></td>
                    <td class="endDate">@CPE.App.Web.Code.Extensions.GetLocalDateTime(pause.EndDate.GetValueOrDefault()).ToString("MM/dd/yyyy")</td>
                    <td><input type="text" class="timepicker endTime" value="@CPE.App.Web.Code.Extensions.GetLocalDateTime(pause.EndDate.GetValueOrDefault()).ToString("hh:mm tt")"/></td>
                    <td><a class="delete" href="javascript:void(0)">Remove</a></td>
                </tr>
            }
        </tbody>    
    </table>
    <br/>
    <hr/>
    <br/>
    <input type="button" id="btnSave" value="Save Changes"/>
}
else
{
    <p>This rebroadcast session does not contain any pauses.</p>
}