{{define "body"}}

<style>
    .statusbtn {
    width: 90px !important;
}
</style>

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="row">
        <h1 class="page-header">
            {{.Title}}
        </h1>
    </div>
    <div id="flashes" class="row"></div>
    <div id="loading">
        <i class="fa fa-spinner fa-spin fa-4x"></i>
    </div>

    <div id="emptyMessage" class="row" style="display:none;">
        <div class="alert alert-info">
            <p>Suspicious emails that your users have reported will be available here.</p>
        </div>
    </div>

    <div class="row">
        <table id="reportedTable" class="table" style="display:none;">
            <thead>
                <tr>
                    <th>Reported by</th>
                    <th>Subject</th>
                    <th>When reported</th>
                    <th>Attachments</th>
                    <th>Status</th>
                    <th class="col-md-2 no-sort">Actions</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>

<!-- Notes Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="groupModalLabel">Notes</h4>
            </div>
            <div class="modal-body" id="modal_body">
                <div class="row" id="modal.flashes"></div>
                
                <div class="form-group">
                    <textarea rows="10" id="notes" class="gophish-editor form-control" placeholder="Enter notes here"></textarea>
                </div>
                <input type="hidden" id="notes-emailid" value="">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="modalSubmit">Save changes</button>
            </div>
        </div>
    </div>
</div>
<!-- / Notes Modal -->

<!-- Email viewer Modal -->
<div class="modal fade" id="modal-email" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="groupModalLabel">Reported email:</h4>
            </div>
            <div class="modal-body" id="modal_body">
                <div class="row" id="modal.flashes"></div>
                
                <!--<div id="email-body"></div>-->
                <!--<iframe id="email-body" sandbox></iframe>-->

                <div class="embed-responsive embed-responsive-16by9">
                    <iframe id="email-body" class="embed-responsive-item" sandbox></iframe>
                </div>
                <input type="hidden" id="email-html" value="">
                <input type="hidden" id="email-plaintext" value="">



            </div>
            <div class="modal-footer">
                <button type="button" onclick="viewplaintext()" class="btn btn-primary">View plaintext</button>
                <button type="button" onclick="viewhtml()" class="btn btn-primary">View HTML</button>
            </div>
        </div>
    </div>
</div>
<!-- / Email viewer Modal -->

{{end}} {{define "scripts"}}
<!-- <script src="/js/dist/app/reported.min.js"></script> -->
<!-- <script src="https://raw.githubusercontent.com/HubSpot/humanize/master/dist/humanize.min.js"></script> -->
<script src="/js/src/app/reported.js"></script>
{{end}}