LORDCHANNEL2.0/templates/film.html

127 lines
4.1 KiB
HTML

{% extends 'base.html' %}
{% load static %}
{% block title %}LISTA FILM {% endblock title %}
{% block content %}
<!-- page title -->
<section class="section section--first section--bg" data-bg="https://i.ibb.co/1rMvtMS/section.jpg">
<div class="container">
<div class="row">
<div class="col-12">
<div style="justify-content: center!important;" class="section__wrap">
<!-- section title -->
<h2 class="section__title">FILM</h2>
<!-- end section title -->
</div>
</div>
</div>
</div>
</section>
<!-- end page title -->
<!-- filter -->
<div class="filter">
<div class="container">
<div class="row">
<div class="col-12">
<div class="filter__content">
<div class="filter__items">
<!-- filter item -->
<div class="filter__item" id="filter__genre">
<span class="filter__item-label">GENERE:</span>
<div class="filter__item-btn dropdown-toggle" role="navigation" id="filter-genre" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<input type="button" value="Azione">
<span></span>
</div>
<ul class="filter__item-menu dropdown-menu scrollbar-dropdown" aria-labelledby="filter-genre">
{% for generi_lista_film in generi %}
<li>{{ generi_lista_film.genere }}</li>
{% endfor %}
</ul>
</div>
<!-- end filter item -->
<!-- filter btn -->
<button class="filter__btn" type="button">APPLICA FILTRO</button>
<!-- end filter btn -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end filter -->
<!-- <div class="container"><div class="center-spinnerbox"><img src="https://ita-hd.stream/chevereto/images/2020/11/22/gifntext-gif-1.gif" style="width: 100%;height: auto;" id="spinner-box"><div></div><div></div><div></div><div></div></div></div></div> -->
<!-- catalog -->
<div class="catalog not-visible">
<div class="container">
<div class="row">
<!-- card -->
{% for lista_film in films %}
<div class="col-6 col-sm-4 col-lg-3 col-xl-3">
<div class="card">
<div class="card__cover">
<img src="{{ lista_film.immagine_poster.url }}" alt="">
<a href="{{ lista_film.get_absolute_url }}" class="card__play">
<i class="icon ion-ios-play"></i>
</a>
</div>
<div class="card__content">
<h3 class="card__title"><a href="{{ lista_film.get_absolute_url }}">{{ lista_film.titolo }}</a></h3>
<span class="card__category">
{% for genere_film in lista_film.genere.all %}
<a href="{{ genere_film.get_absolute_url }}">{{ genere_film.genere }}</a>
{% endfor %}
</span>
<span class="card__rate"><i class="icon ion-ios-star"></i>{{ lista_film.voto }}</span>
</div>
</div>
</div>
{% endfor %}
<!-- end card -->
{% if films.has_other_pages %}
<!-- paginator -->
<div class="col-12">
<ul class="paginator">
{% if films.has_previous %}
<li class="paginator__item paginator__item--prev">
<a href="?pagina={{ films.previous_page_number }}"><i class="icon ion-ios-arrow-back"></i></a>
</li>
{% endif %}
{% for i in films.paginator.page_range %}
{% if films.number == i %}
<li class="paginator__item paginator__item--active"><a href="#">{{i}}</a></li>
{% else %}
<li class="paginator__item"><a href="?pagina={{ i }}">{{i}}</a></li>
{% endif %}
{% endfor %}
{% if films.has_next %}
<li class="paginator__item paginator__item--next">
<a href="?pagina={{ films.next_page_number }}"><i class="icon ion-ios-arrow-forward"></i></a>
</li>
{% endif %}
</ul>
</div>
<!-- end paginator -->
{% endif %}
</div>
</div>
</div>
<!-- end catalog -->
{% endblock content %}
<!-- {% block javascript %}
<script src="{% static '/js/spinner.js' %}"></script>
{% endblock javascript %} -->