{% extends "::base.html.twig" %}

{% block title 'Expert CV Details' %}

{% block submenu %}
    {% if app.session.get('mode', '') == 'staff' %}
        {{ include('AlsuiteBackendBundle:BreadCrumbs:experts.html.twig') }}
    {% endif %}
{% endblock %}
    
{% block content %}
    <h4 style="font-weight: 350;">{{ expert.firstname ~ ' ' ~ expert.lastname }}</h4>
    
    {% if app.session.get('mode') == 'staff' %}
        {% set whose = 2 %}
    {% else %}
        {% set whose = 1 %}
    {% endif %}
    {% set style = 'btn btn-sm btn-default btn-text-left btn-block' %}
    
    
    {# For new experts that have just joined the platform #}
    {% if new == '1' %}
        <div style="margin-bottom: 5px;">
            <strong>Upload CV: </strong>You can upload your CV as a Word or PDF document. The uploads will be listed under Attachments.<br/>
            <strong>Export CV: </strong>After you have entered your CV in the database, you can export it as a Word document in different formats (currently EU, GIZ, World Bank, KfW, and others will follow).
        </div>
    {% endif %}

    <div>
        {% if new == '1' %}
            <a class="btn btn-success btn-sm" href="{{ path('expert_doc_upload', {'id': expert.id}) }}">Upload CV</a>
        {% endif %}
        <div class="btn-group btn-group-sm">
            <button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
                Export CV <span class="caret" style="margin-left: 10px;"></span>
            </button>
            <div class="dropdown-menu" role="menu">
                <a class="{{ style }}" href="{{ path('select_positions', {'expert': expert.id, 'whose': whose, 'format': 'eu'}) }}">EU</a>
                <a class="{{ style }}" href="{{ path('select_positions', {'expert': expert.id, 'whose': whose, 'format': 'giz'}) }}">GIZ</a>
                {# <a class="{{ style }}" href="{{ path('select_positions', {'expert': expert.id, 'whose': whose, 'format': 'kfw'}) }}">KfW</a> #}
                <a class="{{ style }}" href="{{ path('select_positions', {'expert': expert.id, 'whose': whose, 'format': 'kfw2'}) }}">KfW{#} <span style="color: red;">(New)</span>#}</a>
                <a class="{{ style }}" href="{{ path('select_tasks', {'expert': expert.id, 'whose': whose, 'format': 'wb'}) }}">WB, AfDB</a>
                <a class="{{ style }}" href="{{ path('select_tasks', {'expert': expert.id, 'whose': whose, 'format': 'adb'}) }}">ADB</a>
            </div>
        </div>  
        {% if app.session.get('mode') == 'staff' %}
            <div class="pull-right">
                <button id="organ" class="{{ grey_sm_btn }}" style="outline: none;">Organization Space</button>
                <button id="expert" class="{{ grey_sm_btn }}" style="outline: none;">Expert Space</button>
            </div>
        {% endif %}
    </div>
    
    <div class="panel panel-primary" style="margin-top: 5px;">
        <div class="panel-heading">
            <div class="center-text">
                <h1><span id="fl">Personal</span><span id="sl"> and Contact Information</span></h1>
            </div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-3">
                </div>
                <div class="col-md-3">
                    <table class="table" style="{{ tbl_margin }}">
                        <caption>Personal Information</caption>
                        <tbody>
                            <tr><td>{{ expert.getTitleLabel() ~ ' ' ~ expert.firstname ~ ' ' ~ expert.lastname }}</td></tr>
                            <tr><td>E-Mail: {{ expert.email }}</td></tr>
                            <tr><td>Mobile: {{ expert.phone }}</td></tr>
                            <tr><td>{{ expert.getCountryName() }}</td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-3">
                    <table class="table" style="{{ tbl_margin }}">
                        <caption>Additional Contact Information</caption>
                        <tbody>
                            {% if expert.street is not null %}
                            <tr><td>{{ expert.street ~ ', ' ~ expert.streetNumber }}</td></tr>
                            {% endif %}
                            {% if expert.city is not null %}
                            <tr>
                                <td>{% if expert.zip is not null %}{{ expert.zip ~ ', '  }}{% endif %}{{ expert.city }}</td>
                            </tr>
                            {% endif %}
                            {% if expert.address is not null %}
                            <tr><td>{{ expert.address }}</td></tr>
                            {% endif %}
                            <tr><td>Skype: {{ expert.skype }}</td></tr>
                            <tr><td>Fax: {{ expert.fax }}</td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-3">
                    <table class="table" style="{{ tbl_margin }};">
                        <caption>Additional Personal Information</caption>
                        <tbody>
                            <tr><td>Nationality: {{ expert.getNationalityName }}</td></tr>
                            <tr><td>Date of Birth: {% if expert.dateOfBirth is not null %}{{ expert.dateOfBirth|date('d.m.Y') }}{% endif %}</td></tr>
                            <tr><td>Civil Status: {{ expert.getCivilStatusLabel() }}</td></tr>
                            <tr>
                                <td>
                                    Website:&nbsp;
                                    {% if expert.website is not null %}
                                        <a class="{{ tbl_link }}" href="{{ expert.website }}" target="_blank">Visit Website</a>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr><td>Other Info:<br/>{{ expert.notes }}</td></tr>
                        </tbody>
                    </table>   
                </div>
                <div class="col-md-12">
                    <div class="btn-group btn-group-sm" role="group">
                        <a class="{{ grey_sm_btn }}" href="{{ path('expert_edit', {'id': expert.id}) }}">Edit</a>
                        {#<a class="{{ grey_sm_btn }}" href="{{ path('expert_edit', {'id': expert.id, 'part': 'contact'}) }}">Edit Contact Data</a>#}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="cv-tabs" class="panel panel-primary" style="margin-top: 10px;">
        <ul class="nav nav-tabs nav-justified">
            <li><a href="#basic" data-toggle="tab"><b>Basic Information</b></a></li>
            {% if app.session.get('mode') == 'staff' %}
                <li><a href="#expertise" data-toggle="tab"><b>Areas of Expertise</b></a></li>
            {% endif %}
            <li><a href="#exp" data-toggle="tab"><b>Professional Experience</b></a></li>
            {% if app.session.get('mode') == 'staff' %}
                <li><a href="#com" data-toggle="tab"><b>Communication</b></a></li>
            {% endif %}
            <li><a href="#docs" data-toggle="tab"><b>Attachments</b></a></li>
            {% if app.session.get('mode') == 'staff' %}
                <li><a href="#comments" data-toggle="tab"><b>Comments</b></a></li>
            {% endif %}
        </ul>

        <div class="panels">
            {#{% if app.session.get('mode') == 'staff' %}
                <div style="text-align: center;">
                    <h4 class="organ">Viewing data in {{ app.session.get('organname') }} space</h4>
                    <h4 class="expert">Viewing data in the expert space.</h4>
                </div>
            {% endif %}#}
            <div id="basic">
                <div id="sch" class="panel panel-default" style="margin-top: 5px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Education</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Education:education.html.twig', 
                        {'id': expert.id, 'educations': cv.education, 
                        'imported': eduImported, 'changed': eduChanged}, with_context = false) 
                    }} 
                </div>
                <div id="pbs" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Publications</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Publication:publications.html.twig', 
                        {'id': expert.id, 'publications': cv.publications, 
                        'imported': pubImported, 'changed': pubChanged}, with_context = false) 
                    }}
                </div>
                <div id="trngs" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Trainings</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Training:training.html.twig', 
                        {'id': expert.id, 'trainings': cv.training, 
                        'imported': trainImported, 'changed': trainChanged}, with_context = false) 
                    }} 
                </div>
                <div id="mms" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Memberships</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Memberships:memberships.html.twig', 
                        {'id': expert.id, 'memberships': cv.memberships, 
                        'imported': memImported, 'changed': memChanged}, with_context = false) 
                    }}
                </div>
                {#<div id="crts" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Certifications</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Certifications:certifications.html.twig', 
                        {'id': expert.id, 'certifications': cv.memberships, 
                        'imported': certImported, 'changed': certChanged}, with_context = false) 
                    }}
                </div>#}
                <div id="lngs" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Languages</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:LanguagesKnown:languages.html.twig', 
                        {'id': expert.id, 'languages': cv.languages, 
                        'imported': langImported, 'changed': langChanged}, with_context = false) 
                    }} 
                </div>
                {% if app.session.get('mode', '') == 'staff' %}
                    <div id="category" class="panel panel-default" style="margin-top: 20px;">
                        <div class="panel-heading">
                            <span style="font-size: 16px;">Expert Category</span>
                        </div>
                        <div class="panel-body">
                            {% if linkage is not null %}
                                {% if linkage.category is not null %}
                                    {{ linkage.category.name }}
                                {% else %}
                                    Not Specified
                                {% endif %}
                            {% endif %}
                        </div>
                    </div>
                {% endif %}
                <div id="kyqs" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Key Qualifications</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:KeyQualifications:kqs.html.twig', 
                        {'id': expert.id, 'kqs': cv.kqs, 
                        'imported': skillImported, 'changed': skillChanged}, with_context = false) 
                    }}        
                </div>
                <div id="sklls" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Skills</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Skills:skills.html.twig', 
                        {'id': expert.id, 'skills': cv.skills, 
                        'imported': kqImported, 'changed': kqChanged}, with_context = false) 
                    }}        
                </div>
                <div id="extras" class="panel panel-default" style="margin-top: 20px;">
                    <div class="panel-heading">
                        <span style="font-size: 16px">Extras</span>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Extras:extras.html.twig', 
                        {'id': expert.id, 'extras': cv.extras, 
                        'imported': extraImported, 'changed': extraChanged}, with_context = false) 
                    }}        
                </div>
            </div>
            {% if app.session.get('mode') == 'staff' %}
            <div id="expertise">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>Areas of Expertise</h4>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Expert:expertise.html.twig', 
                        {'id': expert.id, 'expertises': cv.expertise}, with_context = false) 
                    }}
                </div>
            </div>
            {% endif %}
            <div id="exp">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>Professional Experience</h4>
                    </div>
                    {{ include('AlsuiteExpertsBundle:Experience:experience.html.twig', 
                        {'id': expert.id, 'experience': cv.experience, 
                        'imported': expImported, 'changed': expChanged}, with_context = false) 
                    }}
                </div>
            </div>
            <div id="docs">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>Attachments</h4>
                    </div>
                    {{ include('AlsuiteExpertsBundle:ExpertDoc:uploads.html.twig', 
                        {'id': expert.id, 'docs': cv.docs}, with_context = false) 
                    }}
                </div>
            </div>
            {% if app.session.get('mode') == 'staff' %}
                <div id="com">
                    {% if message is null %}
                        {% set note = constant('Alsuite\\ExpertsBundle\\Entity\\ExpertMessage::TYPE_NOTE') %}
                        {% set email = constant('Alsuite\\ExpertsBundle\\Entity\\ExpertMessage::TYPE_EMAIL') %}
                        <div style="{{ btnLinks }}"> 
                            <a class="{{ grey_sm_btn }}" href="{{ path('expert_note_add', {'expert': expert.id}) }}">Add Note</a>
                            <a class="{{ grey_sm_btn }}" href="{{ path('expert_email_add', {'expert': expert.id}) }}">Send Email</a>
                        </div>

                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Type</th><th>Project</th><th>Subject</th>
                                    <th>Last Contact</th><th>Last Update</th><th>Project Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for com in coms %}
                                    {% set project = com.project %}
                                    <tr>
                                        <td>{{ com.getTypeLabel() }}</td>
                                        <td>
                                            {% if project is not null %}
                                                <a href="{{ path('project_view', {'id': project.id}) }}">{{ project.name }}</a>
                                            {% else %}
                                                Not Assigned
                                            {% endif %}
                                        </td>
                                        <td><a href="{{ path('expert_home', {'id': expert.id, 'msg': com.id}) ~ '#com' }}">{{ com.subject }}</a></td>
                                        <td>{{ com.getLastContactBy() }}</td>
                                        <td>{{ com.getLastContactOn()|date(date_format) }}</td>
                                        <td>
                                            {% if project is not null %}
                                                {{ project.getModeLabel() }}
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr><td colspan="5">There are currently no messages or notes.</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <div style="{{ btnLinks }}">
                            <a class="{{ grey_sm_btn }}" href="{{ path('expert_home', {'id': expert.id}) ~ '#com' }}">Back to List</a>
                        </div>
                        <table class="table" style="font-size: 14px;">
                            <colgroup><col style="width: 30%;"/><col style="width: available;"</colgroup>
                            <tbody>
                                <tr>
                                    {% if message.project is not null %}
                                        {% set project = message.project %}
                                        <td>{{ project.getModeLabel() }}</td>
                                        <td>
                                            <h3 style="font-weight: 300;">{{ message.subject }}</h3>
                                            <strong>Project: </strong>
                                            <a href="{{ path('project_view', {'id': project.id}) }}">{{ project.name }}, {{ project.getCountryName() }}</a><br/>
                                            <br/>
                                            ({{ message.counter ~ ' messages' }})
                                        </td>
                                    {% else %}
                                        <td></td>
                                        <td>
                                            <h3 style="font-weight: 300;">{{ message.subject }}</h3>
                                            ({{ message.counter ~ ' messages' }})
                                        </td>
                                    {% endif %}
                                </tr>
                            </tbody>
                        </table>

                        {% if message.isANote() %}
                            <table class="table" style="font-size: 14px;">
                                <colgroup><col style="width: 30%;"/><col style="width: available;"</colgroup>
                                <tbody>
                                    <tr>
                                        <td>
                                            <strong>{{ message.addedOn|date(date_format) }}</strong><br/>
                                            {{ message.getTypeLabel() }}
                                        </td>
                                        <td>
                                            <strong>Author: </strong>{{ message.addedBy.getFullname() }}<br/><br/>
                                            {{ message.details|raw }}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        {% else %}
                            <table class="table" style="font-size: 14px;">
                                <colgroup><col style="width: 30%;"/><col style="width: available;"</colgroup>
                                <tbody>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td>
                                            <a class="{{ blue_sm_btn }}" href="{{ path('expert_message_reply', {'id': message.id}) }}">Write a Reply</a>
                                        </td>
                                    </tr>
                                    {% for child in message.children %}
                                        <tr>
                                            <td>
                                                <strong>{{ child.addedOn|date(date_format) }}</strong><br/>
                                                {{ child.getTypeLabel() }}
                                            </td>
                                            <td>
                                                <strong>From: </strong>
                                                {% if child.addedBy is null %}
                                                    {{ child.sender }}
                                                {% else %}
                                                    {{ child.addedBy.fullname }}
                                                {% endif %}<br/>
                                                <strong>Sent: </strong>{{ child.addedOn|date('d-M Y H:i:s') }}<br/><br/>
                                                {{ child.details|raw }}
                                                {% for doc in child.attachments %}
                                                    {% set filepath = app.request.schemeAndHttpHost ~ '/uploads/' ~ doc.path %}
                                                    <a class="{{ tbl_link }}" target="_blank" href="https://docs.google.com/viewer?docex=1&url={{ filepath }}">
                                                        <span style="font-size: 16px;" class="glyphicon glyphicon-file"></span> {{ doc.name }}
                                                    </a><br/>
                                                {% endfor %}
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    <tr>
                                        <td>
                                            <strong>{{ message.addedOn|date(date_format) }}</strong><br/>
                                            {{ message.getTypeLabel() }}
                                        </td>
                                        <td>
                                            <strong>From: </strong>{{ message.addedBy.fullname }}<br/>
                                            <strong>Sent: </strong>{{ message.addedOn|date('d-M Y H:i:s') }}<br/><br/>
                                            {{ message.details|raw }}
                                            {% for doc in message.attachments %}
                                                {% set filepath = app.request.schemeAndHttpHost ~ '/uploads/' ~ doc.path %}
                                                <a class="{{ tbl_link }}" target="_blank" href="https://docs.google.com/viewer?docex=1&url={{ filepath }}">
                                                    <span style="font-size: 16px;" class="glyphicon glyphicon-file"></span> {{ doc.name }}
                                                </a><br/>
                                            {% endfor %}
                                        </td>
                                    </tr>
                                    
                                </tbody>
                            </table>
                        {% endif %}
                    {% endif %}
                </div>
                <div id="comments">
                    <table class="table" style="font-size: 14px;">
                        <colgroup><col style="width: 30%;"/><col style="width: available;"</colgroup>
                        <tbody>
                            <tr>
                                <td>{# project.getModeLabel() #}</td>
                                <td>
                                    <h3 style="font-weight: 300;">Comments</h3>
                                    ({{ comments|length ~ ' comments' }})
                                </td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>
                                    <a class="{{ blue_sm_btn }}" href="{{ path('expert_comment_add', {'expert': expert.id}) }}">Write a new Comment</a>
                                </td>
                            </tr>
                            {% for comment in comments %}
                                <tr>
                                    <td>
                                        <strong>{{ comment.createdOn|date(date_format) }}</strong>
                                    </td>
                                    <td>
                                        <strong>Author: </strong>
                                        {{ comment.author.fullname }}<br/>
                                        {% if comment.project is not null %}
                                            <strong>Project: </strong>
                                            <a href="{{ path('project_view', {'id': comment.project.id}) }}">{{ comment.project.name }}</a><br/>
                                        {% endif %}
                                        <br/>
                                        {{ comment.comment|raw }}

                                        {% if comment.isCommentCreator(app.user) %}
                                            <a class="{{ tbl_link }}" href="{{ path('expert_comment_edit', {'id': comment.id}) }}">Edit</a>
                                            <a class="{{ tbl_link }}" id="comment{{ comment.id }}">Delete</a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#cv-tabs').easytabs();
            
            var expertID = '{{ expert.id }}';
            var checkPrevSpace = 0;
            let prevExpertID = sessionStorage.getItem('expertID');
            if (prevExpertID !== '') {
                checkPrevSpace = 1;
            }
            
            {% if app.session.get('mode') == 'staff' %}
                $('#organ').on('click', function() {
                    $('.organ,.mnglinks').show();
                    $('.expert,.import').hide();
                    $('#organ').removeClass('btn-default').addClass('btn-primary');
                    $('#expert').removeClass('btn-primary').addClass('btn-default');
                    sessionStorage.setItem('cvspace', 'organ');
                });
                $('#expert').on('click', function() {
                    $('.organ,.mnglinks').hide();
                    $('.expert,.import').show();
                    $('#expert').removeClass('btn-default').addClass('btn-primary');
                    $('#organ').removeClass('btn-primary').addClass('btn-default');
                    sessionStorage.setItem('cvspace', 'expert');
                });
                
                // set the space when it is the same expert being managed or viewed
                if (checkPrevSpace === 1 && expertID === prevExpertID) {
                    let space = sessionStorage.getItem('cvspace');
                    if (space === 'organ' || space === '') {
                        $('.expert,.import').hide();
                        $('#organ').removeClass('btn-default').addClass('btn-primary');
                    } else {
                        $('#expert').click();
                    }
                } else {
                    // default to organ space and set expert id
                    $('.expert,.import').hide();
                    $('#organ').removeClass('btn-default').addClass('btn-primary');
                    sessionStorage.setItem('expertID', '{{ expert.id }}');
                    sessionStorage.setItem('cvspace', 'organ');
                }
            {% else %}
                $('.import').hide();
            {% endif %}
                
            $('a[href*="/expert/list"]').removeClass('btn-default').addClass('btn-primary');
            
            // for scrolling to a given section of the page
            $.fn.scrollView = function () {
                return this.each(function () {
                    $('html, body').animate({
                        scrollTop: $(this).offset().top
                    }, 500);
                });
            }
            {% if scrollTo is not null %}
                $('#{{ scrollTo }}').scrollView();
            {% endif %}

            // Bootstrap Delete Dialogs
            {% for skill in cv.skills if skill.object.isASkill() %}
                {% set id = skill.object.id %}
                $('#skills{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This skill data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_skills_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for kq in cv.kqs if kq.object.isAKeyQualification() %}
                {% set id = kq.object.id %}
                $('#kqs{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This key qualification data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_kq_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for skill in cv.extras if skill.object.isExtra() %}
                {% set id = skill.object.id %}
                $('#extras{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This extra data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_extras_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for edu in cv.education if edu.object.isAnEducation() %}
                {% set id = edu.object.id %}
                $('#education{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER, 
                        title: 'Confirm Delete', 
                        message: 'This education data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_education_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for train in cv.training if train.object.isATraining() %}
                {% set id = train.object.id %}
                $('#training{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This training data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_training_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for language in cv.languages %}
                {% set id = language.object.id %}
                $('#languages{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This language data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_languages_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });   
            {% endfor %}
            {% for membership in cv.memberships if membership.object.isAMembership() %}
                {% set id = membership.object.id %}
                $('#memberships{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This membership data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_memberships_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {#{% for cert in cv.certs if cert.isACertification() %}
                {% set id = cert.object.id %}
                $('#certs{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This certificcation data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_certs_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}#}
            {% for pub in cv.publications %}
                {% set id = pub.object.id %}
                $('#pubs{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This publication data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_publications_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for exp in cv.experience %}
                {% set id = exp.object.id %}
                $('#exp{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This experience data will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('cv_experience_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for exp in cv.expertise %}
                {% set id = exp.id %}
                $('#expertise{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This area of expertise will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('expert_expertise_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for doc in cv.docs %}
                {% set id = doc.id %}
                $('#doc{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This file will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('expert_doc_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
            {% for comment in comments if comment.isCommentCreator(app.user) %}
                {% set id = comment.id %}
                $('#comment{{ id }}').on('click', function(e) {
                    BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_DANGER,
                        title: 'Confirm Delete', 
                        message: 'This comment will be deleted. Click Delete to proceed.', 
                        buttons: [
                            {
                                label: 'Close', 
                                action: function(dialogRef) {
                                    dialogRef.close();
                                }
                            }, {
                                label: 'Delete', 
                                icon: 'glyphicon glyphicon-trash', 
                                cssClass: 'btn-danger', 
                                autospin: true, 
                                data: {'id': {{ id }}}, 
                                action: function() {
                                    window.location.href = '{{ path('expert_comment_delete', {'id': id}) }}';
                                }
                            }
                        ]
                    });
                });    
            {% endfor %}
        });
    </script>
{% endblock %}