{% extends "frontend/base.html" %}
{% load random %}
{% block content %}
        <section class="portfolio-block project">
            <div class="container">
                <div class="heading">
                    <h2>{{object.title}}</h2>
                </div>
                <div class="image"><video controls poster="{{object.get_thumbnail_url}}" src="{{object.get_video_url}}" width="100%" height="100%"></div>
                <div class="row">
                    <div class="col-12 col-md-6 offset-md-1 info">
                        <h3>Description</h3>
                        <p>{{object.description|linebreaksbr}}</p>
                    </div>
                    <div class="col-12 col-md-3 offset-md-1 meta">
                        <div class="tags"><span class="meta-heading">Tags</span>
                            {% for tag in object.tags %}
                            <a href="#">{{tag}}</a>
                            {% endfor %}
                        </div>
                        <hr>
                        <div class="tags"><span class="meta-heading">Date</span>
                            {{ object.published.date }}
                        </div>
                    </div>
                </div>
                <div class="more-projects">
                    <h3 class="text-center">Random Videos</h3>
                    <div class="row gallery">
                        {% random_videos as suggestions %}
                        {% for video in suggestions %}
                        <div class="col-md-4 col-lg-3">
                            <div class="item"><a href="{{video.get_absolute_url}}"><img class="img-fluid scale-on-hover" src="{{video.get_thumbnail_url}}">{{video.title}}</a></div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </section>
 {% endblock %}