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

{% block title %}Créer Acte Medical{% endblock %}

{% block body %}
    <h4>Nouveau Acte Medical</h4>

    <div class="card">
        <div class="card-body">
            <!-- Render the form -->
            {{ form_start(form, {'attr': {'class': 'form'}}) }}
            
            <div class="mb-3">
                {{ form_label(form.nom, 'Libellé', {'attr': {'class': 'form-label'}}) }}
                {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
                {{ form_errors(form.nom) }}
            </div>

            <div class="mb-3">
                {{ form_label(form.date, 'Date', {'attr': {'class': 'form-label'}}) }}
                {{ form_widget(form.date, {'attr': {'class': 'form-control'}}) }}
                {{ form_errors(form.date) }}
            </div>

            <div class="mb-3">
                {{ form_label(form.description, 'Description', {'attr': {'class': 'form-label'}}) }}
                {{ form_widget(form.description, {'attr': {'class': 'form-control', 'rows': 5}}) }}
                {{ form_errors(form.description) }}
            </div>

         <div class="mb-3">
                {{ form_label(form.image, 'Image', {'attr': {'class': 'form-label'}}) }}
                {{ form_widget(form.image, {'attr': {'class': 'form-control', 'rows': 5}}) }}
                {{ form_errors(form.image) }}
            </div>
   

            {{ form_end(form) }}
        </div>
    </div>

    <a href="{{ path('app_acte_medical_index') }}" class="btn btn-link mt-3">Back to list</a>
<style>
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    maargin-left:3%;
}
.custom-file-input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}

.custom-file-input:focus {
    border-color: #007bff; /* Blue border when focused */
}


</style>
{% endblock %}