{% extends 'base1.html' %}
{% load static %}

{% block content %}
			<!-- start banner Area -->
			<section class="banner-area relative" id="home">	
				<div class="overlay overlay-bg"></div>
				<div class="container">
					<div class="row d-flex align-items-center justify-content-center">
						<div class="about-content col-lg-12">
							<h1 class="text-white">
								Single Art Product Details				
							</h1>	
							<p class="text-white link-nav"><a href="{% url 'index' %}">Home </a>  <span class="lnr lnr-arrow-right"></span>  <a href="{% url 'contactus' %}"> Art Products</a></p>
						</div>											
					</div>
				</div>
			</section>
			<!-- End banner Area -->	
			

			<!-- Start upcoming-exibition Area -->
			<!-- Start upcoming-event Area -->
			<section class="upcoming-event-area section-gap" id="events">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-60 col-lg-10">
							<div class="title text-center">
								<h1 class="mb-10">Details of single product</h1>
								<p>Who are in extremely love with eco friendly system.</p>
							</div>
						</div>
					</div>						
					<div class="row">
						<div class="col-lg-12 event-left">
							<div class="single-events">
<div class="row">
										<div class="col-lg-12" align="center">
								<img class="img-fluid" src="{{sinprod.images.url}}" alt=""  width="600" height="400">
										</div></div>
								<!----images--->
								<hr />
								<div class="row" style="margin-top:1%">
								{% if sinprod.image1 %}
								<div class="col-lg-6">
									<img class="img-fluid" src="{{sinprod.image1.url}}" alt="" width="400" height="350">
								</div>
								{% else %}

<div class="col-lg-6">

									</div>{% endif %}
								{% if sinprod.image2 %}
									<div class="col-lg-6">
										<img class="img-fluid" src="{{sinprod.image2.url}}" alt="" width="400" height="350">
									</div>
								{% else %}













<div class="col-lg-6">

									</div>{% endif %}
	</div>
									<div class="row" style="margin-top:2%">
								{% if sinprod.image3 %}
									<div class="col-lg-6">
											<img class="img-fluid" src="{{sinprod.image3.url}}" alt="" width="400" height="350">
									</div>
								{% else %}

<div class="col-lg-6">

									</div>{% endif %}
								{% if sinprod.image4 %}
									<div class="col-lg-6">
											<img class="img-fluid" src="{{sinprod.image4.url}}" alt="" width="400" height="350">
									</div>
								{% else %}

<div class="col-lg-6">

									</div>{% endif %}

								</div>
								<a href="#"><h4>{{sinprod.title}}</h4></a>
								<h6>{{sinprod.creationdate}}</h6>
								<p>
									{{sinprod.description}}
								</p>
                                <p>
									<strong>Dimension: </strong>{{sinprod.dimension}}
								</p>
                                <p>
									<strong>Orientation: </strong>{{sinprod.orientation}}
								</p>
                                <p>
									<strong>Size: </strong>{{sinprod.size}}
								</p>
                                <p>
									<strong>Selling Price: </strong>$ {{sinprod.sellingprice}}
								</p>
								<a href="{% url 'enquiry' sinprod.id %}" class="primary-btn text-uppercase">Enquiry</a>
							</div>
													
						</div>
						
					</div>
				</div>	
			</section>
           

			{% endblock %}