{# templates/artisan_v2/devis/ar_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">

					{% 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>