{# templates/client_v2/sa_devis_popup_photo_video.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Demandes de Devis / Photos - Vidéos - Pdf</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            <div class="row">
                <div class="col-12 col-md-12 text-center" style="padding-bottom:5px;">
					{% if images_devis.published == 1 %}
						<span style="color:green;font-size:1.1em;font-weight:bold;">Validée</span>
					{% else %}
						<span style="color:red;font-size:1.1em;font-weight:bold;">En attente</span>
					{% endif %}
				</div>
                <div class="col-12 col-md-12 text-center" style="padding-bottom:10px;">
					<a href="javascript:;" onclick="deletePhotoVideo({{ images_devis.id }});" class="btn btn-danger btn-sm btn-app">Supprimer</a>
				</div>
                <div class="col-12 col-md-12 text-center">
					{% if images_devis.extension in ['png', 'jpg', 'jpeg'] %}
						<img src="{{ asset('public/devis_photos_videos/' ~ images_devis.filename) }}" style="width:100%;">
					{% elseif images_devis.extension == 'pdf' %}
						<a target="_blank" href="{{ asset('public/devis_photos_videos/' ~ images_devis.filename) }}">Ouvrir dans un nouvel onglet</a><br>
						<embed src="{{ asset('public/devis_photos_videos/' ~ images_devis.filename) }}" width="500" height="425" type="application/pdf">
					{% elseif images_devis.extension == 'mp4' %}
						<video width="100%" controls >
							<source src="{{ asset('public/devis_photos_videos/' ~ images_devis.filename) }}" type="video/mp4">
							<source src="{{ asset('public/devis_photos_videos/' ~ images_devis.filename) }}" type="video/ogg">
							Your browser does not support the video tag.
						</video>
					{% endif %}
				</div>
			</div>

        </div>
        <div class="modal-footer"></div>
    </div>
</div>