{% extends "events/base.html" %}
{% load event_tags %}
{% load perm_tags %}
{% load styled_forms %}

{% block title %}{{ block.super }}{% trans 'Edit' %}{% endblock %}

{% block extra_head %}
{{ block.super }}
<link type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<link rel="stylesheet" href="{% static 'timepicker/timepicker.css' %}" />
<link rel="stylesheet" href="{% static 'css/events.css' %}">

{% endblock %}

{% block content %}
{% has_perm user events.add_eventfile as can_add_file %}
<!-- you are here: templates/events/edit.html -->

<div class="t">
  <div class="page-header">
    <h1>{% firstof MODULE_EVENTS_LABEL trans 'Event' %}{% trans " Edit" %}</h1>
  </div>

    {% if event.nested_events_enabled and not event.parent %}
    <div>
        <a href="{% url 'event.add_child' event.pk %}">Add Sub-Event</a>
    </div>
    {% endif %}
    {% if event.nested_events_enabled and event.parent %}
    <div>
        <a href="{% url 'event.edit' event.parent.pk %}">View Parent Event</a>
    </div>
    {% endif %}
    <div class="event-tabs">
        <ul class="nav nav-tabs">
            <li role="presentation" class="dropdown {% if label == 'overview' %}active{% endif %}">
                <a href="{% url "event.edit" event.pk %}">{% trans "Overview" %}</a>
            </li>
            {% if event.can_configure_credits %}
            <li role="presentation" class="dropdown {% if label == 'credits' %}active{% endif %}">
                <a href="{% url "event.credits_edit" event.pk %}">{% trans "Credits" %}</a>
            </li>
            {% endif %}
            <li role="presentation"  class="dropdown {% if label == 'staff' %}active{% endif %}">
                <a href="{% url "event.staff_edit" event.pk %}">{% trans "Event Staff" %}</a>
            </li>
            <li role="presentation"  class="dropdown {% if label == 'location' %}active{% endif %}">
                <a href="{% url "event.location_edit" event.pk %}">{% trans "Location" %}</a>
            </li>
            <li role="presentation"  class="dropdown {% if label == 'organizer' %}active{% endif %}">
                <a href="{% url "event.organizer_edit" event.pk %}">{% trans "Organizer" %}</a>
            </li>
            <li role="presentation"  class="dropdown {% if label == 'sponsor' %}active{% endif %}">
                <a href="{% url "event.sponsor_edit" event.pk %}">{% trans "Sponsor" %}</a>
            </li>
            <li role="presentation"  class="dropdown {% if label == 'speakers' %}active{% endif %}">
                <a href="{% url "event.speaker_edit" event.pk %}">{% trans "Speaker(s)" %}</a>
            </li>
            <li role="presentation"  class="dropdown {% if label == 'regconf' %}active{% endif %}">
                <a href="{% url "event.regconf_edit" event.pk %}">{% trans "Registration" %}</a>
            </li>
            {% if event.has_child_events %}
            <li role="presentation"  class="dropdown {% if label == 'children' %}active{% endif %}">
                <a href="{% url "event.display_child_events" event.pk %}">{% trans "Sub-Event(s)" %}</a>
            </li>
            {% if event.use_credits_enabled %}
            <li role="presentation"  class="dropdown {% if label == 'review_credits' %}active{% endif %}">
                <a href="{% url "event.review_credits" event.pk %}">{% trans "Review Credits" %}</a>
            </li>
            {% endif %}
            {% endif %}
            <li role="presentation"  class="dropdown {% if label == 'pricing' %}active{% endif %}">
                <a href="{% url "event.pricing_edit" event.pk %}">{% trans "Pricing(s)" %}</a>
            </li>
            {% if MODULE_EVENTS_ENABLEASSETS and can_add_file %}
            <li role="presentation"  class="dropdown {% if label == 'file_add' %}active{% endif %}">
                <a href="{% url "event.file_add" event.pk %}">{% trans "Add Files" %}</a>
            </li>
            {% endif %}
        </ul>
    </div>

    <div class="event-wrap">
        <form id="event-form" class="form-horizontal"  action="." method="post" enctype="multipart/form-data">{% csrf_token %}
        <div class="forms">
            {% if event.can_configure_credits and label == 'credits' %}
              {% credits_form_display event credit_forms user %}
            {% endif %}
            {% if event.has_child_events and label == "children" %}
                {% child_events_display event user True %}
            {% endif %}
            {% if event.use_credits_enabled and label == "review_credits" %}
                {% review_and_edit_credits event %}
            {% endif %}
            {% if label == "file_add" and can_add_file %}
            	<div class="text-warning"><i>{% trans 'Note that, files uploaded here can be viewable by users who have registered this event.' %}</i></div>
            	<div id="event-files-list" style="max-height: 500px; overflow-x: auto;">
                {% include "events/include/event-files-list.html" %}
                </div>
            {% endif %}
            {{ multi_event_forms|styled_multi_forms }}
            {% if MODULE_EVENTS_ENABLEASSETS and can_add_file %}
            	{% if label != "file_add" %}
            	<input class="btn btn-default" type="submit" value="{% trans 'Save and Continue Editing' %}" name="_continue"/>
            	{% endif %}
            {% else %}
            	{% if label != "pricing" %}
            	<input class="btn btn-default" type="submit" value="{% trans 'Save and Continue Editing' %}" name="_continue"/>
            	{% endif %}
            {% endif %}
            <input class="btn btn-primary" type="submit" value="{% if label == "file_add" %}{% trans 'Add File' %}{% else %}{% trans 'Save Changes' %}{% endif %}" name="_save"/>
  			{% if label == "file_add" %}
  			<div class="pull-right"><a href="{% url 'event' event.id %}" class="btn btn-default">{% trans 'Go to Event' %}</a></div>
  			{% endif %}
        </div>
        </form>

        <div id="confirm-dialog" title="{% trans 'Apply changes to all events?' %}">
            <p>{% blocktrans %}
            These changes would be applied to every event part of this series, including past events. Are you sure?
            {% endblocktrans %}</p>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_body %}
    {{ block.super }}
     <link href="{% static 'tiny_mce/custom.css' %}?v=6.8.2" type="text/css" media="all" rel="stylesheet">
    <script type="text/javascript" src="{{ TINYMCE_JS_URL }}{{ TINYMCE_CACHE_SUFFIX }}"></script>
     <script type="text/javascript" src="{% url 'tinymce-filebrowser' %}"></script>
    <script type="text/javascript" src="{% static 'tiny_mce/init_tinymce.js' %}{{ TINYMCE_CACHE_SUFFIX }}"></script>
    <script type="text/javascript" src="{% static 'js/global/tinymce.event_handlers.js' %}"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="{% static 'timepicker/timepicker.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/events_formset.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/slug.js' %}"></script>
   
    <script type="text/javascript">
        var displayConfirmation = true;
        $('#confirm-dialog').dialog({
            autoOpen: false,
            resizable: false,
            width: 600,
            modal: true,
            buttons: {
                'Yes': function() {
                    displayConfirmation = false;
                    $('#event-form').submit();
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            }
        });
        $('#event-form').on("submit", function() {
            // Enable event_relationship if it's disabled so that POST doesn't fail.
            // It will use the existing value for the Event.
            if ($('#id_event_relationship').is(':disabled')) {
                $('#id_event_relationship').prop('disabled', false);
                $('#id_parent').prop('disabled', false);
                $('#id_repeat_of').prop('disabled', false);
            }

            if ($('#id_apply_changes_to_3').is(':checked') && displayConfirmation) {
                $('#confirm-dialog').dialog('open');
                return false;
            }
        });
    </script>

    <script type="text/javascript">
        {% include 'events/include/event_place.js' %}
    </script>

    <script type="text/javascript">
     {% include 'events/include/event_form_custom_reg.js' %}
    </script>
    <script type="text/javascript">
    	function is_weekend(dt_str){
    		var mydate = new Date(dt_str);
    		mydate.setDate(mydate.getDate() + 1); // add 1 day because time is not specified when converted to date
    		if(mydate.getDay() == 6 || mydate.getDay() == 0) {
    			return true;
    		}else{
    		    return false;
    		}
    	}
    
        $(document).ready(function() {
        	// Date and time picker for start_dt and end_dt
            $('#id_start_dt_0').datepicker({ dateFormat: 'yy-mm-dd' });
            $('#id_start_dt_1').timepicker({'timeFormat': 'h:i A'});
            $('#id_end_dt_0').datepicker({ dateFormat: 'yy-mm-dd' });
            $('#id_end_dt_1').timepicker({'timeFormat': 'h:i A'});
            
            allDay = $('#id_all_day');
            start_dt_field = $('input#id_start_dt_0').closest('.form-group');
            end_dt_field = $('input#id_end_dt_0').closest('.form-group');
            start_event_dt_field = $('input#id_start_event_date').closest('.form-group');
            end_event_dt_field = $('input#id_end_event_date').closest('.form-group');
            if (allDay.prop('checked')) {
                start_dt_field.hide();
                end_dt_field.hide();
                start_event_dt_field.show();
                end_event_dt_field.show();
            } else {
                start_dt_field.show();
                end_dt_field.show();
                start_event_dt_field.hide();
                end_event_dt_field.hide();
            }
            $('#id_all_day').on("change", function() {
                if($(this).prop('checked')) {
                    start_dt_field.hide();
                    end_dt_field.hide();
                    start_event_dt_field.show();
                    end_event_dt_field.show();
                } else {
                    start_dt_field.show();
                    end_dt_field.show();
                    start_event_dt_field.hide();
                    end_event_dt_field.hide();
                }
            });

            $('.regconfpricing_formset .section-description').addClass('well');
        });
    </script>
    
    <script type="text/javascript">
        {% include 'events/include/event_handle_groups.js' %}
    </script>
    
    <script type="text/javascript">
        {% include 'events/include/event_toggle_weekend.js' %}
    </script>

    <script type="text/javascript">
        {% include 'events/include/parent_child_events.js' %}
    </script>
    <script type="text/javascript">
        {% include 'events/include/guests.js' %}
    </script>
    
     <script type="text/javascript">
        {% include 'events/include/event_toggle_reply_to.js' %}
    </script>

	{% include 'events/include/event_file_js.html' %}

    {% include 'tags/autocomplete.html' %}
{% endblock %}