{% extends 'base.html.twig' %}{% block title %}{{ tree.frenchName }}{% endblock %}{% block body %} <div class="banner is-tree py-5"> <div class="container"> <div class="justify-content-center rounded-3 bg-white"> <div id="carousel" class="carousel slide is-tree-carousel" data-bs-ride="carousel"> <div class="carousel-inner"> {% for treeFile in tree_files_photos %} <div class="carousel-item {{ loop.first ? 'active' }}" style="background-image: url('{{ asset(get_download_url(treeFile.file.path)) }}')"> </div> {% endfor %} </div> <button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Précedent</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Suivant</span> </button> </div> <div class="p-3"> <div class="row"> <div class="col-lg-12"> <div class="py-3 text-center"> <h1><strong>{{ tree.frenchName }}</strong></h1> <div> {{ get_category_name(tree.category) }} </div> <div> {% if tree.type is same as constant('App\\Entity\\Tree::INVASIVE_PLANT_TYPE') %} Abattable {{ tree.allowed ? '<i class="far fa-check-circle text-success"></i>' : '<i class="far fa-times-circle text-danger"></i>' }} {% else %} En stock {{ tree.stock > 0 ? '<i class="far fa-check-circle text-success"></i>' : '<i class="far fa-times-circle text-danger"></i>' }} {% endif %} </div> {% if tree_file_detailed_sheet %} <a href="{{ asset(get_download_url(tree_file_detailed_sheet.file.path)) }}" class="btn btn-outline-orange mt-3" target="_blank"><i class="fas fa-download"></i> Fiche de l'arbre</a> {% endif %} </div> </div> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>Nom Latin</th> </tr> </thead> <tbody> <tr> <td> {{ tree.latinName ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>Nom Français</th> </tr> </thead> <tbody> <tr> <td> {{ tree.frenchName ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>Nom Créole</th> </tr> </thead> <tbody> <tr> <td> {{ tree.creoleName ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> </div> <div class="row mt-2"> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>TAX</th> </tr> </thead> <tbody> <tr> <td> {{ tree.taxref ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>Description</th> </tr> </thead> <tbody> <tr> <td> {{ tree.description ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> <div class="col-lg-4"> <table class="table-responsive table"> <thead> <tr> <th>Caractéristiques</th> </tr> </thead> <tbody> <tr> <td> {{ tree.characteristics ?? 'inconnu' }} </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>{% endblock %}