{% if media.url.name ends with '.mp4' %}
	{% set video = medias_images ~ media.url.name %}
	{% set image = null %}
{% else %}
	{% set video = null %}
	{% set image = media.url.name %}
{% endif %}
{{ form_start(form, {
    'action': path('foxorders_franchise_media_save' , { 'franchise': franchise.id, 'media': media.id ?? null }),
	'attr': {
		'id': 'kt_modal_' ~ form.vars.id ~ '_form' ,
		'class': 'kt-fx-form mx-auto px-15 w-100 py-10','novalidate':'novalidate'}
}) }}
<div class="modal-body scroll-y modal-content-body">
	<div class="row col-lg-12">
		<div class="col-md-5 text-center">
			<div id="imageTypeField" class="image-input-div">
				{{ form.imageType|form_radio_row('_styled') }}
				<div id="imageFileField" class="image-file-input" {% if media.url.name or media.id is null  or media.imageUrl is null %} style="display:block" {% else %} style="display:none" {% endif %}>
					{{ form.mediaFile|form_image_row(image, medias_images) }}
				</div>
				<div id="imageUrlField" class="image-url-input" {% if media.imageUrl %} style="display:block" {% else %} style="display:none" {% endif %}>
					{{ form.imageUrl|form_image_url_with_preview }}
				</div>
			</div>
			{{ form.videoFile|form_video_row(video) }}
		</div>
		<div class="col-md-7">
			{{ form.fileType|form_row }}
			{{ form.mediaName|form_row }}
			{{ form.type|form_row }}
			{{ form.displayOnMenuSection|form_checkbox_row }}
		</div>
	</div>
</div>
<div class="modal-footer modal-content-footer">
	{% include 'Includes/Form/form_button.html.twig' %}
</div>
{{ form_end(form) }}
<script src="{{ asset('metronic/v8.1.5/js/scripts.bundle.js') }}"></script>
<script src="{{ asset('foxorders/js/franchise/mediaType.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/form-validation.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-url-preview.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-type-input.js') }}"></script>