<div class="modal modal-content-add modal-content">
    <h2>
        {{ l.slideshow_content_form_add_title }}
    </h2>

    <form class="form" action="{{ url_for('slideshow_content_add') }}" method="POST" enctype="multipart/form-data">

        <div class="form-group">
            <label for="content-add-name">{{ l.slideshow_content_form_label_name }}</label>
            <div class="widget">
                <input name="name" type="text" id="content-add-name" required="required"/>
            </div>
        </div>

        <div class="form-group tab-select">
            <div class="widget">
                <i class="fa fa-get-pocket type-icon"></i>
                <select name="type" id="content-add-type" class="type-select">
                    {% for type in enum_content_type %}
                        {% set input_type = enum_content_type.get_input(type) %}
                        <option value="{{ type.value }}" data-input="{{ input_type.value }}" data-object-label="{{ t('enum_content_type_'~type.value~'_object_label') }}" data-icon="{{ enum_content_type.get_fa_icon(type) }}" data-color="{{ enum_content_type.get_color_icon(type) }}">
                            {{ t(type) }}
                        </option>
                    {% endfor %}
                </select>
                <i class="fa fa-sort-desc triangle"></i>
            </div>
        </div>

        <div class="from-group-condition hidden">
            <div class="form-group">
                <label for="" class="object-label"></label>
                <div class="widget">
                    <input type="text" name="object" data-input-type="text" class="content-object-input"/>
                </div>
            </div>
        </div>

        <div class="from-group-condition hidden">
            <div class="form-group">
                <label for="" class="object-label"></label>
                <label class="btn-upload" for="content-add-object-input-upload">
                    <div class="widget">
                        <input type="file" name="object" data-input-type="upload" class="content-object-input" disabled="disabled" id="content-add-object-input-upload"/>
                        <span class="btn btn-neutral normal">
                            <i class="fa fa-file-import"></i>
                            {{ l.slideshow_content_form_button_upload }}
                        </span>
                        <input type="text" value="{{ l.slideshow_content_form_button_upload_choosen }}" disabled="disabled" class="disabled"/>
                    </div>
                </label>
            </div>
        </div>


        <div class="from-group-condition hidden">
            <div class="form-group">
                <label for="" class="object-label"></label>
                <div class="widget vertical">
                    <input type="text" class="disabled" value="{{ chroot_http_external_storage }}/" />
                    <input type="text" name="object" data-input-type="storage" class="content-object-input" disabled="disabled" />
                </div>
            </div>
        </div>

        <div class="actions">
            <button type="button" class="btn btn-naked modal-close">
                {{ l.common_close }}
            </button>
            <button type="submit" class="btn btn-info">
                <i class="fa fa-save icon-left"></i>{{ l.common_save }}
            </button>
            <button type="button" disabled="disabled" class="btn btn-naked hidden btn-loading">
                {{ l.common_loading }}
            </button>
        </div>
    </form>
</div>