{% 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>Articles</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_product_product_index') }}" class="mb-4 mt-1 me-1 btn btn-info"><i class="fas fa-chevron-left"></i> Retour</a>
    <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">Modifier</h2>
                </header>
                <div class="card-body">
                    {{ include('product_product/_form.html.twig') }}
                </div>
            </section>
        </div>
    </div>
    <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">Mov. stock</h2>
                </header>
                <div class="card-body">
                    {{ include('product_product/_stock_movements.html.twig') }}
                </div>
            </section>
        </div>
    </div>
{% endblock %}