<div class="card text-white bg-dark mb-3 mt-1">
    {% if crawler_stats %}
        <div class="card-header">
            <div class="row">
                <div class="col-6">
                    <a href="{{ url_for('crawler_splash.domains_search_date') }}?type={{type}}&date_from={{date_from}}&date_to={{date_to}}" class="badge badge-success">{{ crawler_stats[type]['up'] }}</a> UP
                    <a href="{{ url_for('crawler_splash.domains_search_date') }}?type={{type}}&down=True&up=False&date_from={{date_from}}&date_to={{date_to}}" class="badge badge-danger ml-md-3">{{ crawler_stats[type]['down'] }}</a> DOWN
                </div>
                <div class="col-6">
                    <a href="{{ url_for('crawler_splash.domains_search_date') }}?type={{type}}&up=True&down=True&date_from={{date_from}}&date_to={{date_to}}" class="badge badge-success">{{ crawler_stats[type]['crawled'] }}</a> Crawled
                    <span class="badge badge-warning ml-md-3">{{ crawler_stats[type]['queue'] }}</span> Queue
                </div>
            </div>
        </div>
    {% endif %}
  <div class="card-body">
    <h5 class="card-title">Search Domains by Date :</h5>
    <form action="{{ url_for('crawler_splash.domains_search_date_post') }}" id="hash_selector_form" method='post'>
      <div class="row">
        <div class="col-6">
          <input type="hidden" id="type" name="type" value="{% if type %}{{type}}{% else %}all{% endif %}">
          <div class="input-group" id="date-range-from">
            <div class="input-group-prepend"><span class="input-group-text"><i class="far fa-calendar-alt" aria-hidden="true"></i></span></div>
            <input class="form-control" id="date-range-from-input" placeholder="yyyy-mm-dd" value="{{ date_from }}" name="date_from" autocomplete="off">
          </div>
          <div class="input-group" id="date-range-to">
            <div class="input-group-prepend"><span class="input-group-text"><i class="far fa-calendar-alt" aria-hidden="true"></i></span></div>
            <input class="form-control" id="date-range-to-input" placeholder="yyyy-mm-dd" value="{{ date_to }}" name="date_to" autocomplete="off">
          </div>
        </div>
        <div class="col-6">
          <div class="custom-control custom-switch">
            <input class="custom-control-input" type="checkbox" name="up" value="True" id="domains_up_id" {% if filter_up is none or filter_up %}checked{% endif %}>
            <label class="custom-control-label" for="domains_up_id">
              <span class="badge badge-success"><i class="fas fa-check-circle"></i> Domains UP </span>
            </label>
          </div>
          <div class="custom-control custom-switch">
            <input class="custom-control-input" type="checkbox" name="down" value="True" id="domains_down_id" {% if filter_down %}checked{% endif %}>
            <label class="custom-control-label" for="domains_down_id">
              <span class="badge badge-danger"><i class="fas fa-times-circle"></i> Domains DOWN</span>
            </label>
          </div>
        </div>
      </div>
      <button class="btn btn-primary">
        <i class="fas fa-eye"></i> Show {{ type }} Domains
      </button>
    <form>
  </div>
</div>