<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title data-resource-title="SendMailWizardHeaderTitle, SelectRecordsHeaderTitle"></title>
    <meta http-equiv="X-UA-Compatible" content="IE=11">
    <meta charset="utf-8"/>
    <link href="../../Css/SP.Styles.css" rel="stylesheet" type="text/css"/>
    <script src="../../Js/Email/SP.Email.Wizard.Selector.App.js" defer></script>
</head>
<body>
<div id="header-wrapper">
    <div id="header">
        <div id="header-title" data-resource-text="SelectRecordsHeaderTitle"></div>
        <div id="header-description" data-resource-text="SelectRecordsHeaderDescription"></div>
    </div>
</div>

<div id="content-wrapper">
    <div id="spinner">
        <img id="spinner-image" src="../../Img/SP.Notification.Progress.gif" alt=""/>
        <div id="spinner-header" data-resource-text="CommonInfoProgressBarLoadingText"></div>
        <div id="spinner-body"></div>
    </div>

    <div id="content">
        <form id="select-records-form">
            <div>
                <div class="text-header" data-resource-text="SelectRecordsContentsHeader"></div>

                <div class="text-row-content">
                    <div>
                        <input id="sendSelected" type="radio" value="0" checked="checked" name="sendOptions" style="vertical-align: middle;"/>
                        <label for="sendSelected" data-resource-text="SelectRecordsContentsRecipientsOption" class="label-pointer" style="vertical-align: middle;"></label>
                    </div>
                    <div>
                        <input id="sendPage" type="radio" value="1" name="sendOptions" style="vertical-align: middle;"/>
                        <label for="sendPage" data-resource-text="SelectRecordsContentsPageOption" class="label-pointer" style="vertical-align: middle;"></label>
                    </div>
                    <div>
                        <input id="sendView" type="radio" value="2" name="sendOptions" style="vertical-align: middle;"/>
                        <label for="sendView" data-resource-text="SelectRecordsContentsViewOption" class="label-pointer" style="vertical-align: middle;"></label>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div id="footer-wrapper">
    <div id="footer">
        <input id="selectBtn" type="button" data-resource-text="SelectRecordsContentsSelectButton" value=""/>
        <input id="cancelBtn" type="button" data-resource-text="SelectRecordsContentsCancelButton" value=""/>
    </div>
</div>
</body>
</html>