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

{% block title %}Type de tâche{% endblock %}

{% block body %}
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-tasks icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                    Type de tâche - {{ item.name }}
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_item_index') }}"
                        aria-expanded="false" class="btn-shadow btn btn-secondary">
                        <span class="btn-icon-wrapper pe-2 opacity-7">
                            <i class="fa fa-arrow-left fa-w-20"></i>
                        </span>
                        Retourner à la listes
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="col-lg-12 col-xl-12">
    <div class="main-card mb-3 card">
        <div class="grid-menu grid-menu-2col">
            <div class="no-gutters row">

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.id }}</div>
                        <div class="widget-subheading">ID</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.name }}</div>
                        <div class="widget-subheading">Name</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.reference }}</div>
                        <div class="widget-subheading">Réference</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.priceWithoutTax }}</div>
                        <div class="widget-subheading">Réference</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.VAT }}</div>
                        <div class="widget-subheading">Vat</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.priceWithTax }}</div>
                        <div class="widget-subheading">Price With Tax</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.description }}</div>
                        <div class="widget-subheading">Description</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>
                
                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.type }}</div>
                        <div class="widget-subheading">Type</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.difficultyRate }}</div>
                        <div class="widget-subheading">DifficultyRate</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="widget-chart widget-chart-hover">
                        <div class="widget-numbers">{{ item.regressionRate }}</div>
                        <div class="widget-subheading">RegressionRate</div>
                        <div class="widget-description text-success">
                            <i class="fa fa-angle-up"></i>
                            <span class="pl-1"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex mt-3 justify-content-center">
            {{ include('item/_button_edit.html.twig') }}
            {{ include('item/_delete_form.html.twig') }}
        </div>
    </div>
</div>

{% endblock %}