{% extends "zerver/base.html" %}
{% set entrypoint = "dev-email-log" %}

{% block title %}
<title>Email log | Zulip Dev</title>
{% endblock %}

{% block content %}
<div class="container" id="dev-emails-container">
    <div class="header">
        <div class="alert">
            All the emails sent in the Zulip development environment are logged here. You can also
            manually generate most of the emails by clicking <a href="/emails/generate">here</a>.
            To clear this log click <a href="/emails/clear">here</a>
        </div>
        <div class="config-options">
            <label>
                <input type="checkbox" autocomplete="off" id="toggle"/>
                <strong>Show text only version</strong>
            </label>
            <a href="#" data-toggle="modal" data-target="#forward_email_modal">
                <strong>Forward emails to an email account</strong>
            </a>
        </div>
    </div>
    <div class="emails">
        {{ log |safe }}
    </div>
    <div id="forward_email_modal" class="modal hide" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-body">
            <div class="input-group">
                <form id="smtp_form">
                    {{ csrf_input }}
                    <div class="alert alert-info"
                      id="smtp_form_status">
                        Updated successfully.
                    </div>
                    <label for="forward">
                        <strong>Forwards all emails sent in the
                            development environment to an external
                            mail account.
                        </strong>
                    </label>
                    <label class="radio">
                        <input name="forward" type="radio" value="enabled" {% if forward_address %}checked{% endif %}/>Yes
                    </label>
                    <label class="radio">
                        <input name="forward" type="radio" value="disabled" {% if not forward_address %}checked{% endif %}/>No
                    </label>
                    <div id="forward_address_sections" {% if not forward_address %}class="hide"{% endif %} >
                        <label for="forward_address"><strong>Address to which emails should be forwarded</strong></label>
                        <input type="text" id="address" name="forward_address" placeholder="eg: your-email@example.com" value="{{forward_address}}"/>
                    </div>
                    <br />
                    <div class="alert alert-info">
                        You must set up SMTP as described
                        <a target="_blank" rel="noopener noreferrer" href="https://zulip.readthedocs.io/en/latest/subsystems/email.html#development-and-testing"> here</a>
                        first before enabling this.
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <button id='save_smptp_details'>Update</button>
            <button data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
{% endblock %}