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

{% block content %}
    <div class="section-top">
        <img src="{% static 'img/slider0.jpg' %}" class="img-responsive">
        <form id="form-searching-product" class="form-inline" action="/search/" method="post">{% csrf_token %}
            <input type="text" id="search" name="search_text" placeholder="Search">
            <button type="submit" id="search-btn" class="btn btn-success">
            Search
            </button>
        </form>
    </div>
    <div class="section section1">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="text-center">
                        New arrival
                    </h1>
                </div>
                {% for product_image in product_images %}
                    {% include 'landing/product_item.html' %}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="section section-delivery">
        <div>
            <h3>Free shiping</h3>
        </div>
    </div>
    <div class="section section2 phones-container">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="text-center">
                        Phones
                    </h1>
                </div>
                {% for product_image in product_images_phones %}
                    {% include 'landing/product_item.html' %}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="section section3 watches-container">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="text-center">
                        Watches
                    </h1>
                </div>
                {% for product_image in product_images_watches %}
                    {% include 'landing/product_item.html' %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock content %}