<div class="modal" id="add-event" tabindex="-1" role="dialog" aria-labelledby="add-event-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close cancel-event" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h3 id="add-event-label">{{trans "Add Marketable Event"}}</h3>
            </div>
            <div class="modal-body">
                <form id="event_form">
                    <div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <input id="event_name" name="event_name" type="text" class="form-control" placeholder="Event Name (required)">
                            </div>
                            <div class="form-group col-md-6">
                                <input class="btn btn-default" type="text" id="event_date" name="event_date">
                                <br>
                                <div>
                                    <p class="helptext">{{trans "Select a date"}}</p>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <input name="artist_id" id="artist_id" class="typeahead form-control" type="text" placeholder="{{#if isFilmTVUser}}{{# if isFilmUser }}Collection{{else}}Volume{{/if}}{{else}}Artist{{/if}} Name (required)">
                            </div>
                            <div class="form-group col-md-6">
                                <select name="event_category" id="event_category" class="form-control">
                                    <option value="" selected="selected">Event Category</option>
                                    <option value="2">Digital Advertising</option>
                                    <option value="3">Digital Service Promotion</option>
                                    <option value="4">Email Marketing</option>
                                    <option value="1">Other</option>
                                    <option value="5">Press Coverage</option>
                                    <option value="6">Price Change</option>
                                    {{#unless isTVUser}}
                                        <option value="7">Tour Dates</option>
                                        <option value="8">Track Premiere</option>
                                    {{/unless}}
                                    <option value="9">Video Premiere</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" id="validation-errors"></div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" id="save_event" value="Save Event" class="loadingbtn btn btn-primary">
                    <span class="loadingbtn-txt">Save Event</span>
                </button>
                <input type="button" value="Cancel" class="btn btn-default cancel-event">
            </div>
        </div>
    </div>
</div>
