{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% crispy alert_preference_form alert_preference_form.helper %}

{% block 'breadcrumb' %}
{{ block.super }}
<li class="breadcrumb-item active">Notification</li>
{% endblock %}

{% block 'content' %}
<div class="row">
  <div class="col-sm-12 mb-3">
    <h1>Notifications</h1>
  </div>
</div>
<div class="fade-in row">
  <div class="col-sm-12">
    <div class="card">
      <div class="card-header">
        <h3>Alert Preferences</h3>
      </div>
      <div 