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

{% block title %}Edit Cas Clinique{% endblock %}

{% block body %}
    <div class="row">
	<h3>Edit Cas Clinique</h3>

   
    {{ include('cas_cliniques_back_office/_form.html.twig') }}
<div class="mb-3 col-lg-3">
        {% if   cas_clinique.photoavant  %}
            
                <h6>Image de la photo avant</h6>
                <img src="{{ asset('upload/images/' ~  cas_clinique.photoavant  ) }}" alt="{{ cas_clinique.photoavant }}" style="max-width: 50%;">
            
        {% endif %}
	</div>
	<div class="mb-3 col-lg-3">
        {% if cas_clinique.photoapres %}
            
                <h6>Image de la photo après</h6>
                <img src="{{ asset('upload/images/' ~ cas_clinique.photoapres) }}" alt="{{ cas_clinique.photoapres }}" style="max-width: 50%;">
            
        {% endif %}
	</div>
	<div class="mb-3 col-lg-3">
        {% if cas_clinique.video %}
            <div>
                <h6>Image de la vidéo</h6>
                <video width="300" height="200" controls>
          		<source src="{{ asset('upload/images/' ~ cas_clinique.video ) }}" type="video/mp4">
         		 Votre navigateur ne supporte pas la balise vidéo.
        	</video>
            </div>
        {% endif %}
	</div>

    <a href="{{ path('app_cas_cliniques_back_office_index') }}" class="btn">back to list</a>


    {{ include('cas_cliniques_back_office/_delete_form.html.twig') }}
</div>
<style>
.btn {
	width: 35%;padding: 5px 3px; color:white; text-decoration:none; font-size: 15px; border:1px solid transparent;border-radius: 3px; text-align:center;background-color: green; display:block; margin-bottom:4px;

}
</style>
{% endblock %}