% layout 'main';
% title 'Dashboard';
<div class="container">
    <div class="row justify-content-center">
        <div class="col-auto">
            <h1>Dashboard</h1>
        </div>
    </div>
    <% if ( my $error = flash('error') ) { %>
    <div class="row">
        <div class="col alert alert-warning">
            <span class="text-black-50">Error:</span> <%= $error %>
        </div>
    </div>
    <% } %>
    <% if ( my $success = flash('success') ) { %>
    <div class="row">
        <div class="col alert alert-success">
            <span class="text-black-50">Error:</span> <%= $success %>
        </div>
    </div>
    <% } %>
    <div class="row justify-content-center">
        <div class="col-12 card-columns">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Info</h5>
                    <p class="card-text">Information for accessing either the hosted mail option, or setting up your mail software.</p>
                </div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Webmail: <%= link_to $domain->mail_host => $domain->mail_host %></li>
                    <li class="list-group-item">IMAP: <%= $domain->imap_host %></li>
                    <li class="list-group-item">SMTP: <%= $domain->smtp_host %></li>
                    <li class="list-group-item">Use your email and password for authentication on both IMAP and SMTP</li>
                </ul>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Aliases</h5>
                    <p class="card-text">All Aliases set up for you</p>
                </div>
                <ul class="list-group list-group-flush">
                <% foreach my $alias ( $aliases->all ) { %>
                    <li class="list-group-item"><%= $alias->source %></li>
                <% } %>
                </ul>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Change Password</h5>
                    <p class="card-text">Gotta have some way of doing it, after all...</p>
                    <form action="<%= url_for '/dashboard/change_password' %>" method="post">
                      <div class="form-group">
                        <label for="current_password">Current Password</label>
                        <input type="password" class="form-control" id="current_password" name="current_password">
                      </div>
                      <div class="form-group">
                        <label for="new_password">New Password</label>
                        <input type="password" class="form-control" id="new_password" name="new_password">
                      </div>
                      <div class="form-group">
                        <label for="confirm_password">Confirm Password</label>
                        <input type="password" class="form-control" id="confirm_password" name="confirm_password">
                      </div>
                      <%= csrf_field %>
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Recovery Email</h5>
                    <p class="card-text">In the chance you forget your password, this at least lets you recover it!</p>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">Current Address: <%= $recovery_email %></li>
                    </ul>
                    <form action="<%= url_for '/dashboard/change_recovery' %>" method="post">
                      <div class="form-group">
                        <label for="current_password">Email</label>
                        <input type="email" class="form-control" id="recovery_email" name="recovery_email">
                      </div>
                      <%= csrf_field %>
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>