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

{% block title %}Pack {{ pack.name }}
{% 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-list icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                   Pack {{ pack.name }}
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_pack_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 class="tab-content">
        <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-card mb-3 card">
                        <div class="card-body">
                            <h5 class="card-title text-center"> Pack {{ pack.name }}</h5>
								<div class="position-relative mb-3">


    <div class="col-lg-12 col-xl-12">
		<div class="main-card mb-3 card">
    
			<div class="grid-menu grid-menu-2col">
				<div class="g-0 row">
					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.margin}}</div>
							<div class="widget-subheading">Margin</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">
							<div class="widget-numbers">{{pack.duration}}</div>
							<div class="widget-subheading">Duration</div>

						</div>
					</div>
					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.complexityRate}}</div>
							<div class="widget-subheading">Complexity Rate</div>

						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.regressionRate}}</div>
							<div class="widget-subheading">Regression Rate</div>

						</div>
					</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="g-0 row">
					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.simpleMargin}}</div>
							<div class="widget-subheading">Simple Margin</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.intermediateMargin}}</div>
							<div class="widget-subheading">Intermediate Margin</div>

						</div>
					</div>
					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.complexMargin}}</div>
							<div class="widget-subheading">Complex Margin</div>

						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">

							<div class="widget-numbers">{{pack.veryComplexMargin}}</div>
							<div class="widget-subheading">Very Complex Margin</div>

						</div>
					</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="g-0 row">
					<div class="col-sm-3">
						<div class="widget-chart">
							<div class="widget-numbers">{{pack.simpleDuration}}</div>
							<div class="widget-subheading">Simple Duration</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">
							<div class="widget-numbers">{{pack.intermediateDuration}}</div>
							<div class="widget-subheading">Intermediate Duration</div>

						</div>
					</div>
					<div class="col-sm-3">
						<div class="widget-chart">
							<div class="widget-numbers">{{pack.complexDuration}}</div>
							<div class="widget-subheading">Complex Duration</div>

						</div>
					</div>

					<div class="col-sm-3">
						<div class="widget-chart">
							<div class="widget-numbers">{{pack.veryComplexDuration}}</div>
							<div class="widget-subheading">Very Complex Duration</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

								<div class="d-flex justify-content-center">
									{{ include('pack/_button_edit.html.twig') }}
									{{ include('pack/_delete_form.html.twig') }}
								</div>		
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}