{% extends 'base.html' %}

{% block content %}
		<div style="margin-top: 30px;" class="container-fluid">
			<div class="row">
				<!-- main title -->
				<div class="col-12">
					<div class="main__title">
						<h2>Aggiungi Film</h2>
					</div>
				</div>
				<!-- end main title -->

				<!-- form -->
				<div class="col-12">
					<form method="POST" enctype="multipart/form-data" class="form">
						{% csrf_token %}
						{% for fields in form %}
						{% if fields.errors %}
						{{ fields.errors }}
						{% endif %}
						{% endfor %}
						<div class="row">
							<div style="display: block!important;margin: auto!important;" class="col-12 col-md-5 form__cover">
								<div class="row">
									<div class="col-12 col-sm-6 col-md-12">
										<div class="form__img">
											{{ form.immagine_poster.label_tag }} {{ form.immagine_poster }}
											<img id="form__img" src="" alt=" ">
										</div>
									</div>
								</div>
							</div>

							<div class="col-12 col-md-7 form__content">
								<div class="row">
									<div class="col-12">
										{{ form.titolo }}
									</div>

									<div style="margin-bottom: 20px;" class="col-12">
										{{ form.descrizione }}
									</div>

									<div class="col-12 col-sm-6 col-lg-6">
										{{ form.data_uscita }}
									</div>

									<div class="col-12 col-sm-6 col-lg-6">
										{{ form.durata }}
									</div>

									<div class="col-12 col-sm-6 col-lg-4">
										{{ form.qualità_video }}
									</div>

									<div class="col-12 col-lg-4">
										{{ form.voto }}
									</div>

									<div class="col-12 col-sm-6 col-lg-4">
										{{ form.età_consigliata }}
									</div>

									<div class="col-12 col-lg-6">
											{{ form.genere }}
									</div>

									<div class="col-12 col-lg-6">
										{{ form.lingua }}
									</div>
									
											<div class="col-12">
												<div class="form__imgbackground">
													{{ form.immagine_background.label_tag }} {{ form.immagine_background }}
													<img id="form__imgbackground" src="" alt=" ">
												</div>
											</div>
										</div>
									</div>
									<div class="col-12">
										<div class="form__video">
											{{ form.streaming_url }}
										</div>
									</div>

									{{ formset.management_form }}
									{% for immagini_form in formset %}
									<div class="col-4">
										<div class="form__imgbackground">
											{{ immagini_form.label_tag }} {{ immagini_form }}
											<img id="{% cycle "form__imgbackground__1" "form__imgbackground__2" "form__imgbackground__3" "form__imgbackground__4" "form__imgbackground__5" "form__imgbackground__6"   %}" src="" alt=" ">
										</div>
									</div>
									{% endfor %}

									<div class="col-12">
											<button style="width: 100%!important;" type="submit" class="form__btn">PUBBLICA</button>
									</div>
									<!-- <div class="col-12">
										<div class="form__gallery">
											<label id="gallery1" for="form__gallery-upload">Upload photos</label>
											<input data-name="#gallery1" id="form__gallery-upload" name="gallery" class="form__gallery-upload" type="file" accept=".png, .jpg, .jpeg" multiple>
										</div>
									</div> -->
								</div>
							</div>		
							</div>
						</div>
					</form>
				</div>
				<!-- end form -->
			</div>
		</div>
	<!-- end main content -->
	{% endblock content %}