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

{% block title %}{{ pageTitle }}{% endblock %}
{% block PageTitle %}{{ pageTitle }}{% endblock %}
   
{% block body %}
    {% include "shared-components/_search_data.html.twig" with {
        form:form ?? null
    } only %}
    <div class="row">
    <a href="{{ path('website.exportcsv') }}"><i class="fa fa-download"></i> Exporter en csv</a>
    {% if not websites %}
    <p>Aucun résultat pour votre recherche</p>
    {% endif %}
        {% for website in websites %}
            <div class="card m-2" style="width: 22rem;">
                <div class="card-body">
                    <h5 class="card-title pb-2">{{ website.company }}</h5>
                    <h6 class="card-subtitle mb-2 text-muted"><i class="fa-solid fa-mobile-screen pe-2"></i><a href="tel:{{ website.client.phone }}">{{ website.client.phone }}</a></h6>
                    <h6 class="card-subtitle mb-2 text-muted"><i class="fa-solid fa-at pe-2"></i><a href="mailto:{{ website.client.email }}">{{ website.client.email }}</a></h6>
                    <div class="row border" >
                        <h7><strong>Todo list</strong></h7>
                        <textarea class="border-0" disabled style="background-color:transparent;height:150px; max-height: 150px; overflow: hidden;">{{ website.todoList|slice(0, 150) ~ (website.todoList|length > 150 ? '...' : '')}}</textarea>
                    </div>
                    <div class="d-flex justify-content-between mt-3">
                        <a class="custom-link" href="{{ website.url }}"><i class="fa-solid fa-globe pe-2 fa-lg"></i></a>
                        <a href="" class="card-link"><i class="fa-solid fa-chart-line fa-lg"></i></a>
                        <a href="{{ path('website.addorupdate', {id: website.id})  ~ '#contrat' }}" class="card-link"><i class="fa-solid fa-fingerprint fa-lg"></i></a>
                        {% include "shared-components/_edit_delete_toolsbar.html.twig" with {
                            deleteId:website.id, 
                            refId: '',
                            name: website.company, 
                            designation:'site web', 
                            route:'website',
                            editRoute: path('website.addorupdate', {id: website.id})
                        } only %}
                    </div>
                </div>
            </div>
        {% endfor %}   
    </div>
{% endblock %}