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

{% block title %}Modifier | {{ parent() }}{% endblock %}

{% block body %}
    <header class="page-header">
        <h2>{{ app_name }}</h2>
        <div class="right-wrapper text-end">
            <ol class="breadcrumbs">
                <li>
                    <a href="{{ path('app_main') }}">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li><span>Devis</span></li>
                <li><span>Modifier</span></li>
            </ol>
            <a class="sidebar-right-toggle"><i class="fas fa-list"></i></a>
        </div>
    </header>
    <a href="{{ path('app_customer_sale_order_index') }}" class="mb-4 mt-1 me-1 btn btn-info"><i class="fas fa-chevron-left"></i> Retour</a>
    {% if customer_sale_order.isValidated %}
        <a href="#" class="mb-4 mt-1 me-1 btn btn-warning" onclick="javascript:actionByPathAndElts('{{ path('app_customer_sale_order_cancel', {'id': customer_sale_order.id}) }}');">
            <i class="fas fa-times"></i>&nbsp; Annuler
        </a>
        {% else %}
        <a href="#" class="mb-4 mt-1 me-1 btn btn-success" onclick="javascript:actionByPathAndElts('{{ path('app_customer_sale_order_validate', {'id': customer_sale_order.id}) }}');">
            <i class="fas fa-check"></i>&nbsp; Valider
        </a>
    {% endif %}
    <div class="row mb-4 ">
        <div class="col">
            <section class="card card-collapsed">
                <header class="card-header">
                    <div class="card-actions">
                        <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                        <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                    </div>
                    <h2 class="card-title">Modifier</h2>
                </header>
                <div class="card-body">
                    {{ include('customer_sale_order/_form.html.twig') }}
                </div>
            </section>
        </div>
    </div>
    {% if is_granted('ROLE_ADMIN') %}
        <a href="#" class="mb-4 me-1 btn btn-danger multi-action-btn" onclick="javascript:actionByPathAndElts('{{ path('app_customer_sale_order_line_multi_delete') }}');">
            <i class="fas fa-trash"></i>&nbsp; <span class="count-checked">0</span> Supprimer
        </a>
    {% endif %}
    <div class="row">
        <div class="col">
            <section class="card">
                <header class="card-header">
                    <div class="card-actions">
                        <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                        <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                    </div>
                    <h2 class="card-title">Lignes de vente</h2>
                </header>
                <div class="card-body">
                    {{ include('customer_sale_order/_customer_sale_order_line.html.twig') }}
                </div>
            </section>
        </div>
    </div>
{% endblock %}