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

{% block title %}
    Modification d'une activité | {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a class="opacity-5 text-dark" href="{{ path('@Booking_activity_admin_index') }}">
                    Activités
                </a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                {{ activity.title }}
            </li>
        </ol>
    </nav>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="row">
                <div class="col-12">
                    <div class="card my-4">
                        {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:"Modifier l'activité"}) }}
                        <div class="card-body pb-2">
                            <div class="row">
                                <div class="col-9">
                                    {{ include('@Booking/admin/activity/_form.html.twig') }}
                                    <hr>
                                    <div class="row">
                                        <div class="col">
                                            {% if activity.image is not empty %}
                                                <div>
                                                    Image à la une :
                                                </div>
                                                <img src="{{ vich_uploader_asset(activity, 'imageFile') | mediaCache('thumb') }}"
                                                     class="img-fluid" alt=""/>
                                            {% endif %}
                                        </div>
                                        <div class="col">
                                            <div class="card my-4">
                                                {{ include('admin/ui/card/_header.html.twig', {card_header_title:"Informations de saisons", card_header_right_path: path('@Booking_activity_admin_season_new', {'activityId':activity.id}), card_header_right_label: 'Nouvelle saison'}) }}
                                                <div class="card-body p-2">
                                                    <p>Les saisons, içi, permettent de changer le texte et les visuels de la galerie photos pour s'adapter à la saison courante ou de la réservation.</p>
                                                    <ul class="list-group">
                                                        {% for season in seasons %}
                                                            <li class="list-group-item flex-between-center">
                                                                <b>{{ season.season.name ?? 'Toute saison' }}</b>
                                                                <span>{{ season.medias|length }} images</span>
                                                                <span><a href="{{ path('@Booking_activity_admin_season_edit', {'activityId':activity.id, 'id':season.id}) }}"
                                                                         class="btn btn-sm btn-primary">Modifier</a></span>
                                                            </li>
                                                        {% else %}
                                                            <li class="list-group-item flex-between-center">
                                                                <b class="text-warning">Vous devez ajouter une saison
                                                                    pour la description et la
                                                                    galerie photo</b>
                                                            </li>
                                                        {% endfor %}
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-3 border-start">
                                    {{ include('@Seo/admin/_entity_form.html.twig') }}
                                    <div class="mb-3">
                                        Date de création :
                                        <br/>
                                        {{ activity.createdAt|date('d/m/Y H:i') }}
                                    </div>
                                    <hr/>
                                    <div class="mb-3">
                                        Date de modification :
                                        <br/>
                                        {{ activity.updatedAt is not empty ? activity.updatedAt|date('d/m/Y H:i') : '--' }}
                                    </div>
                                    <hr/>
                                    <div class="mb-3">
                                        {{ include('admin/ui/_link_button.html.twig', {link_class:'info', link_path:path('@Booking_activity_show', {'slug':activity.slug}), link_label:"Voir l'activité", target:'_blank'}) }}
                                    </div>
                                    <hr/>
                                    <div class="mb-3">
                                        {{ include('@Booking/admin/activity/_delete_form.html.twig') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/galleryConfig/_form.html.twig') }}
            </div>
        </div>
        {#        {{ include('@Booking/admin/activity/season/media/_medias.html.twig') }} #}
    </div>
{% endblock %}