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

{% block body %}

<div class = "title">{{ user.name }}</div>
<div class = "add_contractorss"></div>
  <div class = "grid_search1">
    <div class = "search_title">
        <a href="{{ path('contractor_edit', {'user': user.id}) }}">
        <div class = "active111">Edit account</div>
        </a>
    </div>
    <div class = "search_title">
        <a href="{{ path('contractor_remove', {'user': user.id}) }}" onclick="return confirm('Are you sure?')">
            <div class = "active1111">Remove account</div>
        </a>
    </div>
 </div>

<div class = "grid_info">
<div class = "okno1">
<div class = "title_info"><i class="fa fa-user-o" id = "fa_fa2n" aria-hidden="true"></i> Contractor name</div>
<div class = "text_info">
{{ user.name }} </br></br>

{{ user.address1 }}</br>
{% if user.address2 %}{{ user.address2 }}</br>{% endif %}
</br>

{{ user.phone }}</br>
{{ user.email }}
</div>
</div>
<div class = "okno1">
<div class = "title_info"><i class="fa fa-map-marker" id = "fa_fa2n" aria-hidden="true"></i> Delivery address</div>
<div class = "text_info">
{{ user.nameDelivery }} </br></br>

{{ user.address1Delivery }}</br>
{% if user.address2Delivery %}{{ user.address2Delivery }}</br>{% endif %}
</br>

{{ user.phoneDelivery }}</br>
{{ user.emailDelivery }}
</div>
</div>
</div>

<div class = "title_list">Order List</div>


<div class = "grid_groop_order">
    <div class = "order_number">ORDER NUMBER</div>
    <div class = "order_date">DATE OF ORDER</div>
    <div class = "order_price" style = "margin-left: 14px;">FINAL PRICE</div>
    <div class = "status21" id = "status_order">STATUS</div>
    <div class = "status21" id = "action_order">ACTION</div>
    <div class = "remove_order">REMOVE</div>
</div>

{% for order in orders %}
    <div class = "grid_groop_content_order">
        <div class = "grp">
            <b>{{ order.number }}</b>
        </div>
        <div class = "grp"><b>{{ order.date }}</b></div>
        <div class = "grp" id = "price_red"><b>$ {{ order.price }}</b></div>
        <div class = "grp order_status_column">

            <div data-id="{{ order.id }}" id="order_status_field_{{ order.id }}" class = "order_status_field {% if order.status == 1 %}active11_order{% endif %}{% if order.status == 2 %}waiting{% endif %}{% if order.status == 3 %}inactive11_order{% endif %}">
                <span class="order_status_text">
                {% if order.status == 1 %}active{% endif %}
                {% if order.status == 2 %}waiting for payment{% endif %}
                {% if order.status == 3 %}canceled{% endif %}
                </span>
            </div>

            <div class="order_status_select" id="order_status_select_{{ order.id }}" style="display: none">
                <select class="order_status_select_select" data-id="{{ order.id }}">
                    <option value="1" {% if order.status == 1 %}selected{% endif %}>active</option>
                    <option value="2" {% if order.status == 2 %}selected{% endif %}>waiting...</option>
                    <option value="3" {% if order.status == 3 %}selected{% endif %}>canceled</option>
                </select>
            </div>
        </div>

        <div class = "view">
            <a href = "{{ path('order_edit', {'order': order.id}) }}">View / edit </a>
        </div>
        <a href="{{ path('order_remove', {'order': order.id}) }}" onclick="return confirm('Are you sure?')">
            <div class = "remove"><i class="fa fa-times" aria-hidden="true"></i></div>
        </a>
    </div>
{% else %}
    <div class="grid_groop_content_order" style="grid-template-columns: 1fr">
        No orders found
    </div>
{% endfor %}

{% endblock %}