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

{% block title %}{{ project.title | title }}{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <div class="d-md-flex justify-content-between align-items-center">
                <h5 class="mb-0">Projet:<span class="text-success"> <a href="">{{ project.title}}</a></span></h5>
                <h5> <i data-feather="eye" class="fea icon-sm"> </i> <a href="{{ path('project.show', {'slug': project.slug}) }}">Voir sur le site</a></h5>
            </div>

            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">

                {{ component('AdminRealCollectedComponent', {
                    'project': project
                }) }}

                {{ component('ProjectRealCountUniqUserTransaction', {
                    'project': project
                }) }}

                {{ component('AdminRealCountTransactionByProjectComponent', {
                    'project': project
                }) }}

            </div>

            {{ include('layouts/Flash/_flash.html.twig')}}

            <div class="row">
              {{ include('layouts/backend/_sidebar_admin_manage_project.html.twig', {project: project})}}



                <div class="col-lg-8">
                    {% if not project.isCompleted %}
                        <div class="row">
                            <div class="col-lg-12 p-4">
                                <div class="alert alert-danger mb-0" role="alert">
                                    <h4 class="alert-heading">Attention</h4>
                                    <p>Toutes les infos nécessaires au bien fonctionnement du projet ne sont pas publiés</p>
                                    <p class="mb-0 border-top pt-3">Merci d'ajouter les informations manquantes </p>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                    <div class="row">
                            <div class="col-lg-6 mt-4">

                                    <div class="card rounded shadow border-0 p-4">
                                        <div class="d-flex justify-content-between mb-4">
                                            <h6 class="mb-0"><a href="{{ path('admin.project.image.add', {'id': project.id}) }}">Ajouter des images</a></h6>
                                            <h6 class="mb-0"><a href="{{ path('admin.project.image.index', {'id': project.id}) }}">{{ project.images.count }} image(s)</a></h6>
                                        </div>
                                    </div>
                            </div>

                            <div class="col-lg-6 mt-4">
                                <div class="card rounded shadow border-0 p-4">
                                    <div class="d-flex justify-content-between mb-4">
                                        <h6 class="mb-0"><a href="{{ path('admin.transaction.create', {'id': project.id}) }}">Ajouter une Transaction</a></h6>
                                        <h6 class="mb-0"><a href="{{ path('admin.project.transaction.index', {'id': project.id}) }}">{{ project.transactions.count }} Transaction(s)</a></h6>
                                    </div>
                                </div>
                            </div>

                        <div class="col-lg-6 mt-4">
                            <div class="card rounded shadow border-0 p-4">
                                <div class="d-flex justify-content-between mb-4">
                                    <h6 class="mb-0"><a href="">Lieu:</a></h6>
                                </div>
                                <p><strong>Ville: </strong> {{ project.district.commune.city.name }}</p>
                                <p><strong>Commune: </strong>  {{ project.district.commune.name }}</p>
                                <p><strong>Quartier: </strong>  {{ project.district.name }}</p>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4">
                            <div class="card rounded shadow border-0 p-4">
                                <div class="d-flex justify-content-between mb-4">
                                    <h6 class="mb-0"><a href="">Infos:</a></h6>
                                </div>
                                <p><strong>Partenaire: </strong>
                                    {% for partner in project.partner %}
                                        <span class="badge">{{ partner.name }}</span> &nbsp;
                                    {% endfor%}
                                </p>
                                <p><strong>Niveau Risque: </strong>  {{ project.riskLevel }}</p>
                                <p><strong>Rentabilité Annuelle: </strong>  {{ project.annualYield }} %</p>
                            </div>
                        </div>


                        <div class="col-lg-6 mt-4">
                            <div class="card rounded shadow border-0 p-4">
                                <div class="d-flex justify-content-between mb-4">
                                    <h6 class="mb-0"><a href="">Finance & statut:</a></h6>
                                </div>
                                <p><strong>Objectif: </strong> {{ project.targetAmount | format_currency(project.currency) }}</p>
                                <p><strong>Investissement Minimal: </strong>  {{ project.minimumInvestment | format_currency(project.currency) }}</p>
                                <p><strong>Durée Investissement: </strong>  {{ project.investmentDurationMonths }} mois</p>
                                <p><strong>Type Projet: </strong>  {{ project.type.name }} </p>
                                <p><strong>Statut Projet: </strong>  {{ project.status.name }} </p>
                                <p><strong>Créateur: </strong>  {{ project.creator.fullname ?? "" | title }} </p>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4">
                            <div class="card rounded shadow border-0 p-4">
                                <div class="d-flex justify-content-between mb-4">
                                    <h6 class="mb-0"><a href="">Calendrier:</a></h6>
                                </div>
                                <hr>
                                <p><strong>Début Collecte: </strong> {{ project.fundingStartDate | format_date('short') }}</p>
                                <p><strong>Fin Collecte: </strong> {{ project.fundingEndDate | format_date('short') }}</p>
                                <hr>
                                <p><strong>Début Projet: </strong> {{ project.projectStartDate | format_date('short') }}</p>
                                <p><strong>Fin Projet: </strong> {{ project.projectEndDate | format_date('short') }}</p>
                                <hr>
                            </div>
                        </div>

                        <div class="col-lg-12 mt-4">
                            <div class="card rounded shadow border-0 p-4">
                                <div class="d-flex justify-content-between mb-4">
                                    <h6 class="mb-0"><a href="">Description Projet</a></h6>
                                </div>
                                <p>
                                    <article>{{ project.description | nl2br }}</article>
                                </p>
                            </div>
                        </div>

{#                        {% if event.session.empty %}#}
{#                            <div class="col-lg-6 mt-4">#}
{#                                <div class="card rounded shadow border-0 p-4">#}
{#                                    <div class="d-flex justify-content-between mb-4">#}
{#                                        <h6 class="mb-0"><a href="{{ path('userSession.create', {'slug': event.slug }) }}">Ajouter des Sessions</a></h6>#}


{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{#                        {% endif%}#}

{#                        {% if event.session.count >0 and event.session.first.location is null  %}#}
{#                            <div class="col-lg-6 mt-4">#}
{#                                <div class="card rounded shadow border-0 p-4">#}
{#                                    <div class="d-flex justify-content-between mb-4">#}
{#                                        <h6 class="mb-0"><a href="{{ path('userTicket.create', {'slug': event.slug }) }}">Ajouter un lieu </a></h6>#}

{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{#                        {% endif%}#}
                    </div>

                </div><!--end col-->


            </div><!--end row-->
        </div>
    </div>
{% endblock %}