{% extends 'base.html.twig' %}

{% block title %}Boat Supply{% endblock %}

{#{% block stylesheets %}
    {{ parent() }}
{% endblock %}#}

{% block content %}
    <section id="research">
        <div class="services_page_header">
            <h1 class="">
                <span>Boat Supply</span>
            </h1>
        </div>
        <div class="container">
            <div class="research">
                {# <div class="border"></div> #}
                {% for post in boat %}
                    <div class="product_info mt-3">
                        {#<div class="product_overview mb-2">
                            <div class="product_heading mb-3">
                                <h1>{{ post.name }}</h1>
                            </div>
                            <div class="product_des text-justify">
                                <p>{{ post.description }}</p>
                            </div>
                        </div>#}
                        <div class="product_details">
                            {% if post.imgAlign == 'left' %}
                                <div class="product_img">
                                    <img src="{{ asset( path ~ 'images/uploads/products/' ~ post.imageName) }}" class="img-thumbnail img-fluid" alt="Product Image">
                                </div>
                            {% endif %}
                            <div class="product_specifications">
                                {#<h3 class="font-bold">Specifications</h3>
                                {{ post.specifications | raw }}
                                {% if post.moreDetails %}
                                    <div class="more_details_btn mt-3">
                                        <a href="{{ asset('images/uploads/products/file/' ~ post.moreDetails) }}" download>Learn More...</a>
                                    </div>
                                {% endif %}#}
                                <div class="product_overview mb-2">
                                    <div class="product_heading mb-1">
                                        <h1>{{ post.name }}</h1>
                                    </div>
                                    <div class="product_des text-justify">
                                        <p>{{ post.description }}</p>
                                    </div>
                                </div>
                            </div>
                            {% if post.imgAlign == 'right' %}
                                <div class="product_img">
                                    <img src="{{ asset( path ~ 'images/product/product2.jfif') }}" class="img-thumbnail img-fluid">
                                </div>
                            {% endif %}
                        </div>
                    </div>
                {% endfor %}
                {#<div class="product_info">
                    <div class="product_overview mb-2">
                        <div class="product_heading mb-3">
                            <h1>Product-Two</h1>
                        </div>
                        <div class="product_des">
                            <p>With our software defined radio (SDR), waveforms, radio links and VOIP, we provide superior solutions by providing advanced products and services for wireless and wire line tactical communications. The state-of-the-art, field-proven products are developed and tested to meet the extreme military requirements.</p>
                        </div>
                    </div>
                    <div class="product_details">
                        <div class="product_specifications">
                            <h3 class="font-bold">Specifications</h3>
                            <ul>
                                <li>Lorem Ipsum is simply dummy text of the printing</li>
                                <li>Lorem Ipsum is simply dummy text of the printing</li>
                                <li>Lorem Ipsum is simply dummy text of the printing</li>
                                <li>Lorem Ipsum is simply dummy text of the printing</li>
                                <li>Lorem Ipsum is simply dummy text of the printing</li>
                            </ul>
                            <div class="more_details_btn mt-3">
                                <a href="#">Learn More...</a>
                            </div>
                        </div>
                        <div class="product_img">
                            <img src="{{ asset('images/product/product2.jfif') }}" class="img-thumbnail img-fluid">
                        </div>
                    </div>
                </div>#}	
            </div>
        </div>
    </section>
{% endblock %}

{#{% block javascripts %}
    {{ parent() }}
{% endblock %}
#}