{% extends 'Admin/base.html.twig' %}
{% block title %}
    OceanExpert |
    {% if data.document is defined and data.doclist.idDoclist is defined %}
        Edit Document List
    {% else %}
        Add Document List
    {% endif %}
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/admin-style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/select2-bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap3-wysihtml5.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery-ui.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/checkbox.css') }}">

    <link rel="stylesheet" type="text/css" href="{{ asset('css/select.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/events.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap-dialog.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/doclist.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/events.css') }}">
    <style>
        .select-dropdown {
            height: 30px;
            width: 50%;
        }
        .checkbox label{padding-left: 0px !important;}

    </style>
{% endblock %}

{% block body %}
    {% include('navbarlogin.html.twig') %}
    <div class="wrapper">
    {% block sidebar %}
        {% include('Admin/adminSidebar.html.twig') %}
    {% endblock %}
    <div class="content-wrapper">
    <section class="content-header">
        <ol class="breadcrumb">
            <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-home"></i> Home</a></li>
            <li class="active"><i class=" fa fa-file"></i>
                {% if data.document is defined and data.document.idDoclist is defined %}
                    Edit Document List
                {% else %}
                    Add Document List
                {% endif %}
            </li>
        </ol>
    </section>
    {% block content %}
        <div class="container-fluid">
            <form
                    class="form-horizontal"
                    id="uploadFile"
                    method="post"
                    enctype="multipart/form-data">
                <div class="mainForm">
                    <div class="col-md-12 document-note">
                        <p>
                            {% if data.doclist is defined and data.doclist.idDoclist is defined %}
                                On this page, you can edit the document list. Simply make any changes required to the information below and click on 'Save'.
                            {% else %}
                                On this page, you can create a list of Documents. Simply fil out the form below.
                            {% endif %}
                        </p>
                        <p>
                            <strong>Note:</strong> Fields marked with an asterisk (*) are mandatory.
                            {% if data.doclist is not defined or data.doclist.idDoclist is not defined %}
                                Please save the document list first and then add/upload the documents to the list.
                            {% endif %}
                        </p>
                    </div>
                    <div class="col-md-12">

                        <div class="form-group">
                            <label class="control-label col-sm-2" for="title">Title*</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="title" name="title"
                                       placeholder="Document List Title" {% if data.doclist.title is defined %} value="{{ data.doclist.title }}" {% endif %}/>
                                <div class='help-block with-errors'></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="description">Description</label>
                            <div class="col-sm-10">
                                <textarea name="description" class="form-control" id="description"
                                          placeholder="Description">{% if data.doclist.description is defined %}{{ data.doclist.description }}{% endif %}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2" for="order">Order documents by *</label>
                            <div class="col-sm-10">
                                <select name="order" id="order" class="select-dropdown">
                                    {% for idOrder, orderText in data.doclistOrder %}
                                        {% if data.doclist.orderBy is defined and data.doclist.orderBy == idOrder %}
                                            <option value="{{ idOrder }}" selected>{{ orderText }}</option>
                                        {% else %}
                                            <option value="{{ idOrder }}">{{ orderText }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                                <div class='help-block with-errors'></div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2"></label>
                            <div class="col-sm-10">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="isPublic" id="isPublic" value="1"
                                               {% if data.document.idDoclist is defined %}
                                                   {% if data.doclist.isPublic is defined and data.doclist.isPublic == 1 %}
                                                        checked
                                                   {% endif %}
                                               {% else %}
                                                   checked
                                               {% endif %}
                                        />
                                        <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                                        Let other users see this list
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group pull-right">
                            <div class="col-sm-12">
                                {% if data.doclist is defined and data.doclist.idDoclist is defined %}
                                    {% set href = path('view_doclist',{idDoclist: data.doclist.idDoclist}) %}
                                {% else %}
                                    {% set href = path('admin_dashboard') %}
                                {% endif %}
                                <a type="button" class="btn btn-danger document-close"
                                   href="{{ href }}">
                                    <i class="fa fa-times-circle fa-fw" aria-hidden="true"></i> Cancel
                                </a>
                                <button class="btn btn-success next-step"><i class="fa fa-save"></i> Save </button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        {% if data.doclist is defined and data.doclist.idDoclist is defined %}
                        <div class="panel panel-default">
                            <div class="panel-heading">Documents</div>
                            <!-- this has to be solve, see https://github.com/iodepo/OceanExpert/issues/137 -->
                            <div class="panel-body">
                                <a
                                        type="button"
                                        data-toggle="modal"
                                        href="#addDocuments"
                                        class="btn btn-success addDocuments pull-right">
                                    <i class="fa fa-plus"></i>
                                    Add Documents...
                                </a>
                                <input
                                        type="hidden"
                                        value="{{ data.doclist.idDoclist }}"
                                        name="doclist[]">
                            </div>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody>
                                    {% if data.documents is defined and data.documents | length > 0 %}
                                        {% set i = 1 %}
                                        {% for document in data.documents %}
                                            <tr>
                                                <td>
                                                    {% if data.doclist.orderBy in [5,6] %}
                                                        {{ document.docCode }}
                                                        {% if document.idDocstatus == 1 %}
                                                            <div class="text-muted">Draft</div>
                                                        {% elseif document.idDocstatus == 3 %}
                                                            <div class="text-muted">Pending</div>
                                                        {% endif %}
                                                    {% else %}
                                                        {{ i }}
                                                        {% set i = i + 1 %}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if document.docCode is defined and document.docCode != "" and data.doclist.orderBy not in [5,6] %}
                                                        <a href="{{ path('view_document',{idDoc: document.idDoc}) }}">{{ document.docCode }}</a> :
                                                    {% endif %}
                                                    {% if document.title is defined and document.title != "" %}
                                                        <a href="{{ path('view_document',{idDoc: document.idDoc}) }}">{{ document.title }}</a>
                                                    {% endif %}
                                                    {% if document.publishedOn is defined and document.publishedOn != "" %}
                                                        ({{ document.publishedOn | date('d/m/Y') }})
                                                    {% endif %}
                                                    {% if document.summary is defined and document.summary != "" %}
                                                        <br />{{ document.summary | truncate(50,'...')}}
                                                    {% endif %}
                                                </td>
                                                <td><i class="fa fa-download download-document fa-2x" data-idDoc="{{ document.idDoc }}"></i></td>
                                                {% if is_granted('ROLE_GLOBAL_EDITOR') %}
                                                    <td><a href="javascript:void(0);" class="removefromlist" data-idDoc="{{ document.idDoc }}" >[Remove from List]</a></td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    {% endif %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </form>
        </div>

        <div
                class="modal fade"
                id="addDocuments"
                tabindex="-1"
                role="dialog"
                aria-labelledby="addDocumentsLabel"
                aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header btn-success">
                        <h3 class="modal-title" id="groupEditLabel">Document Search</h3>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-8 col-xs-offset-2">
                                <label>Enter all or part of the name of the document you are looking for:</label>
                                <div class="input-group">
                                    <input
                                            type="text"
                                            class="form-control searchterm"
                                            name="searchterm"
                                            id="documentTerm"
                                            placeholder="Search Documents..." />
                                    <span class="input-group-btn">
                                        <button
                                                class="btn btn-default searchDocuments"
                                                type="button">
                                            <i class="fa fa-search fa-fw"></i>
                                            Search
                                        </button>
                                    </span>
                                </div>
                            </div>
                            <div class="container-fluid">
                                <div class="result">
                                    <table class="table table-striped resultSet">
                                        <thead>
                                        <tr>
                                            <th>Title</th>
                                            <th>Author</th>
                                            <th>Type</th>
                                            <th class="action-tag">Action</th>
                                            <th style="display: none">Relevance</th>
                                        </tr>
                                        </thead>
                                        <tfoot>
                                        <tr>
                                            <th>Title</th>
                                            <th>Author</th>
                                            <th>Type</th>
                                            <th class="action-tag">Action</th>
                                            <th style="display: none">Relevance</th>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 col-xs-offset-2">
                                <label>
                                    <br />
                                    If you cannot find the document <br />
                                    or you know the document is not in the system (yet)<br />
                                    <button class="btn btn-success upload-file">
                                        upload new document/ add link
                                    </button>
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <div class="text-right">
                            <input type="hidden" value="" id="document-type" name="document-type" />
                            <input type="hidden" value="{{ data.doclist.idDoclist }}" id="doclist-id" name="doclist-id" />
                            <input type="hidden" value="" id="agenda-id" name="agenda-id" />
                            <button type="button" class="btn btn-success add-all" style="display: none;"><i class="fa fa-plus fa-fw" aria-hidden="true"></i> Add all the above to group</button>
                            <button type="button" class="btn btn-danger document-close" data-dismiss="modal"><i class="fa fa-times-circle fa-fw" aria-hidden="true"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div
                class="modal fade"
                id="uploadDocuments"
                tabindex="-1"
                role="dialog"
                aria-labelledby="uploadDocumentsLabel"
                aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header btn-success">
                        <h3
                                class="modal-title"
                                id="groupEditLabel">
                            Add a Document
                        </h3>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="container-fluid">
                                <div class="col-md-12">
                                    <p>On this page, you can add a new document or a link to an online document.
                                        You can add multiple files corresponding to any different formats, languages and versions you may have of your document.
                                    </p>
                                    <p>
                                        <strong>Note:</strong> Fields marked with an asterisk (*) are mandatory.
                                    </p>
                                </div>
                                <div class="col-md-12">
                                    <form
                                            class="form-horizontal"
                                            id="uploadFileAdd"
                                            method="post">
                                        <div class="form-group">
                                            <legend>Document Metadata</legend>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="doctype">Document Type*</label>
                                            <div class="col-sm-10">
                                                <select
                                                        name="doctype"
                                                        id="doctype"
                                                        class="form-control col-md-6"
                                                        placeholder="Choose One...">
                                                    <option
                                                            label="Book"
                                                            value="6">
                                                        Book
                                                    </option>
                                                    <option
                                                            label="Information Document"
                                                            value="4">
                                                        Information Document
                                                    </option>
                                                    <option
                                                            label="Letter"
                                                            value="5">
                                                        Letter
                                                    </option>
                                                    <option
                                                            label="MOU"
                                                            value="7">
                                                        MOU
                                                    </option>
                                                    <option
                                                            label="Other"
                                                            value="8">
                                                        Other
                                                    </option>
                                                    <option
                                                            label="Presentation"
                                                            value="3">
                                                        Presentation
                                                    </option>
                                                    <option
                                                            label="Reference Document"
                                                            value="10">
                                                        Reference Document
                                                    </option>
                                                    <option
                                                            label="Report"
                                                            value="1">
                                                        Report
                                                    </option>
                                                    <option
                                                            label="Online Document"
                                                            value="9">
                                                        Online Document
                                                    </option>
                                                    <option
                                                            label="Working Document"
                                                            value="11">
                                                        Working Document
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="doc-title">
                                                Document Title*
                                            </label>
                                            <div class="col-sm-10">
                                                <input
                                                        type="text"
                                                        class="form-control"
                                                        id="doc-title"
                                                        name="title"
                                                        placeholder="Document Title">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="authors">
                                                Author(s)</label>
                                            <div class="col-sm-10">
                                                <input
                                                        type="text"
                                                        class="form-control"
                                                        id="authors"
                                                        name="author"
                                                        placeholder="Author(s)">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="summary">
                                                Summary
                                            </label>
                                            <div class="col-sm-10">
                                                <textarea name="summary" class="form-control" id="summary" placeholder="Summary"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="notes">Notes:</label>
                                            <div class="col-sm-10">
                                                <textarea name="notes" class="form-control" id="notes" placeholder="Notes" ></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="keywords">Keywords:</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="keywords" name="keywords" placeholder="Keywords">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="doccode">Document Code (if applicable)</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="doccode" name="doccode" placeholder="Document Code e.g. 'GOOS-126', 'I-GOOS-VII/7'">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="status">Status*</label>
                                            <div class="col-sm-10">
                                                <select name="status" id="status">
                                                    <option value="" selected disabled>Choose One...</option>
                                                    <option label="Draft" value="1">Draft</option>
                                                    <option label="Pending" value="3">Pending</option>
                                                    <option label="Published" value="2">Published</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-2" for="">List(s) to include document in:</label>
                                            <div class="col-sm-10">
                                                <div class="checkbox doclists">
                                                    {% if data.doclist is defined and data.doclist.idDoclist is defined %}
                                                        {{  data.doclist.title }} ({{  data.doclist.idDoclist }})
                                                        <a
                                                                href="{{ path('view_doclist',{idDoclist: data.doclist.idDoclist}) }}"
                                                                target="_blank">
                                                            [view list (in new window)]
                                                        </a>
                                                        <input
                                                                type="hidden"
                                                                value="{{ data.doclist.idDoclist }}"
                                                                name="doclist[]">
                                                    {% else %}
                                                        {% for key, groups in data.documentList %}
                                                            <label class="col-md-12 docgroups"> {{ key }} </label>
                                                            {% for doclist in groups %}
                                                                <label class="col-md-12 group-options">
                                                                    <input
                                                                            type="checkbox"
                                                                            class="checklist"
                                                                            value="{{ doclist.idDoclist }}"
                                                                            name="doclist[]">
                                                                    <span
                                                                            class="cr">
                                                                        <i class="cr-icon fa fa-check"></i>
                                                                    </span>
                                                                    <span
                                                                            class="doclist-title">
                                                                        {{ doclist.title }}
                                                                    </span>
                                                                    <a
                                                                            href="{{ path('view_doclist',{idDoclist: doclist.idDoclist}) }}"
                                                                            target="_blank">
                                                                        [view list (in new window)]
                                                                    </a>
                                                                </label>
                                                            {% endfor %}
                                                        {% endfor %}
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="file-section">
                                            <div class="form-group">
                                                <legend>File(s) to Upload</legend>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-3">
                                                    <label>File in</label>
                                                    <select
                                                            name="id_language[]"
                                                            class="form-control languages">
                                                        <option value="" selected disabled>Choose Language...</option>
                                                        <option value="1">English</option>
                                                        <option value="2">French</option>
                                                        <option value="3">Spanish</option>
                                                        <option value="4">Russian</option>
                                                        <option value="5">Arabic</option>
                                                        <option value="6">Chinese</option>
                                                        <option value="7">Other</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-5 fileUpload">
                                                    <label for="">Select File</label>
                                                    <input
                                                            name="userfile[]"
                                                            type="file"
                                                            accept=".xlsx, .xls, image/*, .doc, .docx, .ppt, .pptx, .pdf"
                                                            size="40"
                                                            class="form-control userfiles">
                                                </div>
                                                <div class="col-sm-2">
                                                    <label for="">Version </label>
                                                    <input
                                                            name="version[]"
                                                            type="text"
                                                            size="3"
                                                            value="1.0"
                                                            id=""
                                                            class="form-control version">
                                                </div>
                                                <div class="col-sm-2">
                                                    <label for="">&nbsp;</label>
                                                    <button
                                                            class="btn btn-danger remove-docs"
                                                            type="button"><i class="fa fa-times"></i>
                                                        Clear
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="website-section" style="display: none;">
                                            <div class="form-group">
                                                <legend>Website Address</legend>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-sm-2" for="url">URL</label>
                                                <div class="col-sm-10">
                                                    <input
                                                            type="text"
                                                            class="form-control"
                                                            id="url"
                                                            name="websiteUrl"
                                                            placeholder="Website Url.">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group pull-right">
                                            <div class="col-sm-12">
                                                <input
                                                        type="hidden"
                                                        name="filesection"
                                                        id="filesection"
                                                        value="7" />
                                                {% if data.doclist.idDoclist is defined %}
                                                    <input
                                                            type="hidden"
                                                            name="idDoclist"
                                                            id="idDoclist"
                                                            value="{{ data.doclist.idDoclist }}" />
                                                {% endif %}
                                                <button
                                                        type="button"
                                                        class="btn btn-danger document-close"
                                                        data-dismiss="modal">
                                                    <i class="fa fa-times-circle fa-fw" aria-hidden="true"></i>
                                                    Close
                                                </button>
                                                <a
                                                        class="btn btn-success"
                                                        data-toggle="modal"
                                                        id="next-step">
                                                    <i class="fa fa-arrow-right"></i>
                                                    Proceed to Next Step
                                                </a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-right">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="confirm-changes">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Confirm Changes</h4>
                    </div>
                    <div class="modal-body">
                        <h3>Check Your Submission</h3>
                        <form
                                class="form-horizontal"
                                id="uploadFileAdd"
                                method="post">
                        <div>On this page you can see how your document will appear to users.
                            Please check all the details are correct and click the submit button at the bottom of the page.
                        </div>
                        <div>If you need to make changes before submitting, click on the make changes button.</div>
                        <div class="col-md-12 top-buffer30">
                            <div class="form-horizontal" id="uploadFileShow">
                                <div class="form-group">
                                    <h4 class="doc-data doc-code"></h4>
                                    <h3 class="doc-data doc-title"></h3>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">Author(s)</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-author"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">Summmary</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-summary"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">Document Type</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-type"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">Status</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-status"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">Notes</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-notes"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="title">This document is in the list(s):</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-list"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="">Website:</label>
                                    <div class="col-sm-10">
                                        <label class="control-label-left doc-data doc-website"></label><br />
                                    </div>
                                </div>
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <i class="fa fa-download fa-fw fa-2x" aria-hidden="true"></i>
                                        Download
                                    </div>
                                    <div class="panel-body">
                                        <div class="row-grid files-preview">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button
                                type="button"
                                class="btn btn-danger"
                                data-dismiss="modal"
                                id="make-changes">
                            <i
                                    class="fa fa-arrow-left"
                                    aria-hidden="true"></i>
                            Make Changes
                        </button>
                        <button
                                type="button"
                                id="upload-step-1"
                                class="btn btn-success btn-save">
                            <i
                                    class="fa fa-save"
                                    aria-hidden="true"></i>
                            Submit Document
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </div>
    </div>

    {% endblock %}

    {% include "footer.html.twig" %}
    <script src="{{ asset('js/app.min.js') }}"></script>
    <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.noty.packaged.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('js/bootstrap-tooltip.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/bootstrap-confirmation.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/bootstrap-dialog.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/dataTables.select.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery-ui.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/tinymce.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.nestable.js') }}"></script>
    <script src="{{ asset('js/handlebars.min.js') }}"></script>
    <script src="{{ asset('js/documents.js') }}"></script>

    <script type="text/javascript">
        var documentDownloadBlock = "{{ path('document_download_block') }}";
        var removeDocumentFromList = "{{ path('remove_document_from_list') }}";
        var uploadEventDocument = "{{ path('upload_event_document') }}";
        var searchDocuments = "{{ path('search_documents') }}";
        var addDocumentToDoclistURL = "{{ path('add_document_to_doc_list') }}";
        {% if data.doclist.idDoclist is defined %}
        var idDoclist = "{{ data.doclist.idDoclist }}";
        $(".removefromlist").click(function () {
            var $this = $(this);
            var idDoc = $this.data("iddoc");
            $.confirm({
                escapeKey: "cancel",
                title: 'Confirm!',
                content: 'Are you sure you want to remove this document from the list?',
                buttons: {
                    confirm:{
                        keys: ['enter'],
                        btnClass: 'btn-primary',
                        text: "OK",
                        action: function(){
                            $.ajax({
                                url: removeDocumentFromList,
                                data:{idDoclist: {{ data.doclist.idDoclist}}, idDoc: idDoc},
                                method: "POST"
                            }).done(function (response) {
                                if (response.status == 1 ) {
                                    window.location.reload();
                                }
                            });
                        }
                    },
                    cancel: function () {
                        btnClass: 'btn-danger'
                    }
                }
            });
        });

        {% endif %}

        setTimeout( function(){
            $(".mce-container").find("iframe").attr("title","");
            $(".mce-container").find("iframe").hover(function(){
                $(this).attr("title","");
            });
        }, 3000 );

        tinymce.init({
            selector: 'textarea',
            plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table contextmenu paste imagetools"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
            branding: false,
            relative_urls: false,
            convert_urls: false,
            forced_root_block : false
        });

    </script>
    <script src="{{ asset('js/event-view.js') }}" type="text/javascript"></script>
{% endblock %}