<div class="modal modal-slide-edit modal-slide hidden">
    <h2>
        {{ l.slideshow_slide_form_edit_title }}
    </h2>


    <form action="/slideshow/slide/edit" method="POST">

        <h3>
            {{ l.slideshow_slide_form_section_content }}
        </h3>


        <input type="hidden" name="id" id="slide-edit-id" />

        <div class="form-group">
            <label for="slide-edit-name">{{ l.slideshow_slide_form_label_name }}</label>
            <div class="widget">
                <input type="text" name="name" id="slide-edit-name" required="required" />
            </div>
        </div>
        <div class="form-group">
            <label for="slide-edit-type">{{ l.slideshow_slide_form_label_type }}</label>
            <div class="widget">
                <select id="slide-edit-type" name="type" disabled="disabled">
                    {% for type in enum_slide_type %}
                        <option value="{{ type.value }}" data-input="{% if type.value == 'url' or type.value == 'youtube' %}text{% else %}upload{% endif %}">
                            {{ t(type) }}
                        </option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="slide-edit-location">{{ l.slideshow_slide_form_label_location }}</label>
            <div class="widget">
                <input type="text" name="location" id="slide-edit-location" />
            </div>
        </div>

        <h3>
            {{ l.slideshow_slide_form_section_scheduling }}
        </h3>

        <div class="form-group slide-schedule-group">
            <label for="slide-edit-cron-schedule">{{ l.slideshow_slide_form_label_cron_scheduled }}</label>
            <div class="widget">
                <select id="slide-edit-cron-schedule-trigger" class="trigger">
                    <option value="loop">{{ l.slideshow_slide_form_label_cron_scheduled_loop }}</option>
                    <option value="datetime">{{ l.slideshow_slide_form_label_cron_scheduled_datetime }}</option>
                    <option value="cron">{{ l.slideshow_slide_form_label_cron_scheduled_cron }}</option>
                </select>
                <input type="text" id="slide-edit-cron-schedule-datetimepicker" class="datetimepicker" value="" placeholder="{{ l.slideshow_slide_form_label_cron_scheduled_datetime_placeholder }}" />
                <input type="text" name="cron_schedule" id="slide-edit-cron-schedule" class="target hidden" placeholder="{{ l.slideshow_slide_form_widget_cron_scheduled_placeholder }}" />
            </div>
        </div>

        <div class="form-group slide-schedule-end-group">
            <label for="slide-edit-cron-schedule-end">{{ l.slideshow_slide_form_label_cron_scheduled_end }}</label>
            <div class="widget">
                <select id="slide-edit-cron-schedule-end-trigger" class="trigger">
                    <option value="duration">{{ l.slideshow_slide_form_label_cron_scheduled_duration }}</option>
                    <option value="datetime">{{ l.slideshow_slide_form_label_cron_scheduled_datetime }}</option>
                    <option value="cron">{{ l.slideshow_slide_form_label_cron_scheduled_cron }}</option>
                </select>
                <input type="text" id="slide-edit-cron-schedule-end-datetimepicker" class="datetimepicker" value="" placeholder="{{ l.slideshow_slide_form_label_cron_scheduled_datetime_placeholder }}" />
                <input type="text" name="cron_schedule_end" id="slide-edit-cron-schedule-end" class="target hidden" placeholder="{{ l.slideshow_slide_form_widget_cron_scheduled_placeholder }}" />
            </div>
        </div>

        <div class="form-group slide-duration-group">
            <label for="slide-edit-duration">{{ l.slideshow_slide_form_label_duration }}</label>
            <div class="widget">
                <input type="number" name="duration" id="slide-edit-duration" required="required" />
                <span>{{ l.slideshow_slide_form_label_duration_unit }}</span>
            </div>
        </div>

        <div class="actions">
            <button type="button" class="btn-normal modal-close">
                {{ l.slideshow_slide_form_button_cancel }}
            </button>
            <button type="submit" class="green">
                <i class="fa fa-save icon-left"></i>{{ l.slideshow_slide_form_edit_submit }}
            </button>
        </div>
    </form>
</div>