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

{% block title %}Editer cas clinique{% endblock %}

{% block body %}
    <div class="row">
	<h5 style="text-align:center;">Editer cas clinique</h5>
    {{ include('cas_cliniques_back_office/_form.html.twig') }}

<form method="post" class="col-lg-7" action="{{ path('app_cas_cliniques_back_office_delete', {'id': cas_clinique.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ cas_clinique.id) }}">
    <button class="btn btn-admin col-lg-4" style="margin-bottom:3%;">Supprimer</button>
<a href="{{ path('app_cas_cliniques_back_office_index') }}" class="btn btn-success col-lg-4" style="font-size:14px; margin-bottom:3%;">Retour à la liste</a>
</form>


<style>
.btn-admin {
    background-color:red;
    color: #fff;
    margin-right: 2%;
    width: 19%;
    height: 40px;
    padding: 5px;
    text-align: center;
    margin-top: 2%;
    text-decoration: none;
    border-radius: 4%;
   
}
 
<!-- Styles -->
<style>
<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>
</div>
<style>
</style>
{% endblock %}