{% macro render_embed_event(event, projects, showNav=False) %}
<div class="embed-event">
	{% if showNav %}
  <div class="btn-group mb-4" role="group" aria-label="Embedded navigation">
    <a href="{{ url_for('public.event', event_id=event.id) }}" target="_blank" class="btn btn-dark">
      <i class="fa fa-star" aria-hidden="true"></i>&nbsp;
      {{ event.name }}
    </a>
  </div>
	{% endif %}
  <div class="honeycomb">
    <div class="ibws-fix">
    {% for project in projects %}
			<a href="{{ url_for('project.project_view', project_id=project.id) }}"
         target="_parent"
				 class="hexagon {{
		 		 	'challenge' if project.is_challenge else 'project'
		 		 }}{{
		 		 	' stage-%d' % project.progress if project.progress
		 		 }}"
		 		 title="{{project.name}}">
        <div class="hexagontent">
          {% if project.logo_icon %}
            {% if project.logo_icon|length==1 %}
              <span class="logo_icon">{{project.logo_icon}}</span>
            {% else %}
              <i class="fa fa-{{project.logo_icon}}"></i>
            {% endif  %}
          {% endif %}
        </div>
      </a>
      {% if showNav and loop.index % 7 == 0 %}
        </div><div class="ibws-fix">
      {% endif %}
    {% endfor %}
    </div>
  </div>
</div><!-- /.embed-event -->
{% endmacro %}

{% macro render_home_event(event, details=True) %}
	<div class="col-lg-4 an-event mb-1">
		<div class="card{% if event.lock_resources %} border border-info{% endif %}">
      <a href="{{ url_for('public.event', event_id=event.id) }}">
			  <div title="{{ event.hostname }}"
					{% if event.gallery_url %}
					  class="card-img-top gallery-img" style="background-image: url('{{ event.gallery_url }}')"
			    {% elif event.logo_url %}
			      class="card-img-top" style="background-image: url('{{ event.logo_url }}')"
			    {% endif %}>
		        {% if not event.lock_resources %}
			        <div class="an-event-meta float-right">
	              <span>{{ event.date }}</span>
	            </div>
		        {% endif %}
 			  </div>
      </a>
	    <div class="card-body">
        <a href="{{ url_for('public.event', event_id=event.id) }}">
          <h3 class="card-title">
            {{ event.name }}</a>
          </h3>
          <div class="card-text">
            <p class="an-event-description">
              {{ event.oneliner|striptags }}
            </p>
          </div>
	      </a>
	    	{% if details %}
	      	<div class="an-event-actions">
            {% if event.lock_resources %}
              <a title="Discover" href="{{ url_for('public.event_resources', event_id=event.id) }}" class="btn btn-outline-light text-bg-light border-white">
                <i class="fa fa-life-ring" aria-hidden="true"></i>
              </a>
            {% elif event.webpage_url and not event.has_finished %}
              <a title="Register" href="{{ event.webpage_url }}" class="btn btn-outline-light text-bg-light border-white" target="_blank">
                <i class="fa fa-ticket" aria-hidden="true"></i>
              </a>
            {% elif event.community_url %}
              <a title="Connect" href="{{ event.community_url }}" class="btn btn-outline-info text-bg-light border-white" target="_blank">
                <i class="fa fa-comment" aria-hidden="true"></i>
              </a>
            {% endif %}
	        	{% if event.project_count %}
	        		<div class="float-right mt-3">
			          {% if event.has_finished %}
			            <span title="Teams">{{ event.project_count }}</span>
			            <i class="fa fa-star" aria-hidden="true"></i>
			          {% elif event.has_started %}
			            <span title="Ideas">{{ event.project_count }}</span>
			            <i class="fa fa-cube" aria-hidden="true"></i>
			          {% else %}
			            <span title="Projects">{{ event.project_count }}</span>
			            <i class="fa fa-arrow-right" aria-hidden="true"></i>
			          {% endif %}
	        		</div>
			      {% endif %}
	      	</div>
			  {% endif %}
	    </div><!-- /.card-body -->
	</div></div>
{% endmacro %}

{% macro render_featured_event(event, active=False) %}
	<div class="carousel-item{% if active %} active{% endif %}">
		<svg class="bd-placeholder-img" width="100%" height="100%"
				 xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
			{% if event.background_image %}
				 <image width="100%" height="100%"
				 			  xlink:href="{{ event.background_image }}"
								preserveAspectRatio="xMinYMin slice"/>
			{% else %}
				 <defs><!-- https://toolcool.org/svg-stripes-maker-react/ -->
		      <pattern id="svg-stripes-pattern-32796" patternTransform="rotate(299)" width="100%" height="60" x="0" y="0" patternUnits="userSpaceOnUse">
		          <animate attributeName="y" begin="0s" dur="375s" from="0" to="5000px" repeatCount="indefinite" fill="freeze"></animate>
		          <g>
		              <rect x="0" y="0" width="100%" height="20" fill="rgba(246, 246, 246, 1)"></rect>
		              <rect x="0" y="20" width="100%" height="10" fill="rgba(227, 227, 227, 1)"></rect>
		              <rect x="0" y="30" width="100%" height="20" fill="rgba(255, 207, 175, 1)"></rect>
		              <rect x="0" y="50" width="100%" height="10" fill="rgba(255, 255, 255, 1)"></rect>
		          </g>
		      </pattern>
		     </defs>
		     <rect x="0" y="0" width="100%" height="100%" fill="url(#svg-stripes-pattern-32796)"></rect>
			{% endif %}
		</svg>

		<div class="container">
			<div class="carousel-caption">

  			{% include "includes/eventhome.html" %}

			</div><!-- /.carousel-caption -->
		</div>
	</div><!-- /.carousel-item -->
{% endmacro %}