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

{% block title %}Greffes Capillaires{% endblock %}

{% block body %}
    <h3>Afficher Greffes Capillaires</h3>

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ greffes_capillaire.id }}</td>
            </tr>
            <tr>
                <th>Titre</th>
                <td>{{ greffes_capillaire.titre }}</td>
            </tr>
            <tr>
                <th>Description</th>
                <td>{{ greffes_capillaire.Description }}</td>
            </tr>
            <tr>
                <th>Date</th>
                <td>{{ greffes_capillaire.date ? greffes_capillaire.date|date('Y-m-d') : '' }}</td>
            </tr>
            <tr>
                <th>Imageavant</th>
                <td>{{ greffes_capillaire.imageavant }}</td>
            </tr>
            <tr>
                <th>Imageapres</th>
                <td>{{ greffes_capillaire.imageapres }}</td>
            </tr>
        </tbody>
    </table>

    <a href="{{ path('app_greffes_capillaires_adiminis_index') }}" class="btn-golden">Retour à la liste</a>

    <a href="{{ path('app_greffes_capillaires_adiminis_edit', {'id': greffes_capillaire.id}) }}" class="btn-golden">Modifier</a>

    {{ include('greffes_capillaires_adiminis/_delete_form.html.twig') }}
  <style>
        .btn-golden {
            background: linear-gradient(45deg, #ffd700, #b8860b, #f5c400, #cd7f32); /* Golden background */
            color: black; /* Black text */
            padding: 4px 4px; /* Padding to make it look nice */
            border-radius: 5px; /* Rounded corners */
            text-decoration: none; /* Remove underline */
            display: inline-block; /* Make the link behave like a button */
            font-weight: bold;
	    text-align:center;
	    margin-top:1%;
	    width: 150px;
            font-size:12px;
        }

        .btn-golden:hover {
            background-color: #FFC107; /* Lighter golden color on hover */
            color: white; /* White text on hover */
        }

        .btn-golden:active {
            background-color: #FF9800; /* Darker golden color when clicked */
        }
    </style>
{% endblock %}