{% extends 'base.html.twig' %}

{% block title %}OceanExpert - A Directory of Marine and Freshwater Professionals{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}"
          xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/ionicons.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/square/blue.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.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" href="{{ asset('css/jquery-ui.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/profile.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/nestable.modified.css') }}">
    <style type="text/css" media="screen">
        address,.text-muted,.left-text{margin-left: 20px;}
        .mapshow{margin-right: 20px;}
        .staff-type{font-weight: 600;text-decoration: underline;margin: 5px 0;}
        .staff-list{list-style: none;}
        .event-share{margin: 0 10px;float: right;}
        .event-share>button{margin: 0 10px;}
        .event-heading{font-size: 18px; font-weight: bold;}
        .participants{font-weight: bold; font-size: 15px;}
        .media{border: 1px solid #ccc;padding: 2% 1%;}
        .media-body{vertical-align: bottom;}
        .icons{width: 64px;}
        .tab-heading{font-size: 14px;}
        .tab-subheading{font-size: 12px;}
        .agenda-links>a{margin-right: 10px;}
        .agenda-links{margin-left: 30px;}
        .document-links{display: block;}
        .event-title{font-size: 1.6em;}
        .justify{text-align: justify;}
        .instUrl{padding: 10px 0;}

        @media ( min-width: 992px ) {
            .grid-divider {
                position: relative;
                padding: 0;
            }
            .grid-divider>[class*='col-'] {
                position: static;
            }
            .grid-divider>[class*='col-']:nth-child(n+2):before {
                content: "";
                border-left: 1px solid #DDD;
                position: absolute;
                top: 0;
                bottom: 0;
            }
            .col-padding {
                padding: 15px;
            }
        }
        .instLogo{
            height: 150px;
        }
        .projLogo{
            height: 250px;
        }
    </style>
{% endblock %}
{% block body %}


    {% include 'navbarlogin.html.twig' %}

    <div class="container-fluid">
        <section class="content">

            <div class="row">
                <div class="col-md-3">
                    <!-- Profile Image -->
                    <div class="box box-primary">
                        <div class="box-body box-profile">
                            <div class="text-center">
                                {#<i class="fa fa-calendar fa-4x" aria-hidden="true"></i>#}
                                <h2 class="event-title">
                                    {% if data.project.logo is defined and data.project.logo != "" %}
                                        <a
                                                href="{{ data.project.website }}"
                                                target="_blank">
                                            <img
                                                    src="{{ asset('/uploads/project/'~ data.project.idProject ~ '/' ~ data.project.logo ) }}"
                                                    class="img-responsive img-thumbnail projLogo"
                                                    onerror="this.src='{{ asset('/assets/images/no-logo.jpg' ) }}';" />
                                        </a>
                                    {% else %}
                                        <a
                                                href="{{ data.project.website }}"
                                                target="_blank">
                                            <img
                                                    src="{{ asset('/assets/images/no-logo.jpg' ) }}"
                                                    class="img-responsive img-thumbnail projLogo">
                                        </a>
                                    {% endif %}
                                </h2>
                                {% if is_granted('ROLE_LME') %}
                                    <p class="lead text-center print">
                                        <span class="statusBtn">
                                            {% if data.project.status == 0 %}
                                                <button
                                                        class="btn btn-success activate">
                                                    <i class="fa fa-check fa-fw" aria-hidden="true"></i>
                                                    Activate
                                                </button>
                                            {% elseif data.project.status == 1 %}
                                                <button
                                                        class="btn btn-danger deactivate">
                                                    <i class="fa fa-ban" aria-hidden="true"></i>
                                                    Deactivate
                                                </button>
                                            {% elseif data.project.status == 2 %}
                                                <button
                                                        class="btn btn-warning delete">
                                                    <i class="fa fa-ban" aria-hidden="true"></i>
                                                    Delete
                                                </button>
                                            {% elseif data.project.status == 3 %}
                                                <button
                                                        class="btn btn-warning activate">
                                                    <i class="fa fa-check" aria-hidden="true"></i>
                                                    Un-Delete
                                                </button>
                                            {% endif %}
                                        </span>
                                        <a
                                                href="{{ path('lme_edit_project',{'idProject': data.project.idProject}) }}"
                                                class="btn btn-primary">
                                            <i class="fa fa-pencil fa-fw" aria-hidden="true"></i>
                                            Edit Project
                                        </a>
                                    </p>
                                {% endif %}
                            </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->

                    <!-- About Me Box -->
                    <div class="box box-primary">
                        <div class="box-body">
                            <strong><i class="fa fa-university fa-fw"></i> Implementing Agency</strong>
                            <p class="text-muted">
                            
                            <h4 class="text-center">
                                {% if data.projectMeta.Agency is defined %}
                                    {% if data.projectMeta.Agency is iterable %}
                                        {% for institute in data.projectMeta.Agency %}
                                            {% if institute.idInst is defined and institute.idInst != "" %}
                                                <div class="text-center">
                                                    <img
                                                            src="{{ asset('/uploads/institutes/'~institute.idInst~'/instituteLogo.jpg' ) }}"
                                                            class="img-responsive img-thumbnail instLogo"
                                                            onerror="this.src='{{ asset('/assets/images/no-logo.jpg' ) }}';" />
                                                </div>
                                                <div class="instUrl">
                                                    <a href="{{ path('view_institution',{'instId':institute.idInst}) }}">{{ institute.instName }}</a>
                                                </div>
                                            {% else %}
                                                <div class="text-center">
                                                    <img
                                                            src="{{ asset('/assets/images/no-logo.jpg' ) }}"
                                                            class="img-responsive img-thumbnail instLogo" />
                                                </div>
                                                {{ institute.instName }}
                                            {% endif %}
                                           
                                        {% endfor %}
                                    {% else %}
                                        {% if data.projectMeta.Agency.idInst != "" %}
                                            <div class="text-center">
                                                <img
                                                        src="{{ asset('/uploads/institutes/'~institute.idInst~'/instituteLogo.jpg' ) }}"
                                                        class="img-responsive img-thumbnail instLogo"
                                                        onerror="this.src='{{ asset('/assets/images/no-logo.jpg' ) }}';" />
                                            </div>
                                            <a href="{{ path('view_institution',{'instId':data.projectMeta.Agency.idInst}) }}">{{ data.projectMeta.Agency.instName }}</a>
                                        {% else %}
                                            <div class="text-center">
                                                <img
                                                        src="{{ asset('/assets/images/no-logo.jpg' ) }}"
                                                        class="img-responsive img-thumbnail instLogo" />
                                            </div>
                                            {{ data.projectMeta.Agency.instName }}
                                        {% endif %}
                                    {% endif %}
                                    
                                {% endif %}
                                
                            </h4>
                            </p>
                            <hr />
                            <div class="left-text">
                                {% if  attribute(data.projectMeta, "Implementing Agency (Other)")  is defined %}
                                <div class="staff-type">Implementing Agency (Other):</div>
                                <p>
                                    {% if attribute(data.projectMeta, "Implementing Agency (Other)") is iterable %}
                                        {% for institute in attribute(data.projectMeta, "Implementing Agency (Other)") %}
                                            <div class="instUrl">
                                                <a href="{{ path('view_institution',{'instId':institute.idInst}) }}">{{ institute.instName }}</a>
                                            </div>
                                        {% endfor %}
                                    {% else %}
                                        {% if data.projectMeta.agency.idInst != "" %}
                                            <a href="{{ path('view_institution',{'instId':attribute(data.projectMeta, "Implementing Agency (Other)").idInst}) }}">{{attribute(data.projectMeta, "Implementing Agency (Other)").instName }}</a>
                                        {% else %}
                                            {{ attribute(data.projectMeta, "Implementing Agency (Other)").instName }}
                                        {% endif %}
                                    {% endif %}
                                </p>
                                {% endif %}
                                {% if attribute(data.projectMeta, "Executing Agency")  is defined %}
                                <div class="staff-type">Executing Agency:</div>
                                <p>
                                    {% if attribute(data.projectMeta, "Executing Agency") is iterable %}
                                        {% for institute in attribute(data.projectMeta, "Executing Agency") %}
                                            <div class="instUrl">
                                                <a href="{{ path('view_institution',{'instId':institute.idInst}) }}">{{ institute.instName }}</a>
                                            </div>
                                        {% endfor %}
                                    {% else %}
                                        {% if data.projectMeta.agency.idInst != "" %}
                                            <a href="{{ path('view_institution',{'instId':attribute(data.projectMeta, "Executing Agency").idInst}) }}">{{ attribute(data.projectMeta, "Executing Agency").instName }}</a>
                                        {% else %}
                                            {{ attribute(data.projectMeta, "Executing Agency").instName }}
                                        {% endif %}
                                    {% endif %}
                                </p>
                                {% endif %}
                                {% if  attribute(data.projectMeta, "Funding / Donor Agency")  is defined %}
                                <div class="staff-type">Funding / Donor Agency:</div>
                                    <p>
                                        {% if attribute(data.projectMeta, "Funding / Donor Agency") is iterable %}
                                            {% for institute in attribute(data.projectMeta, "Funding / Donor Agency") %}
                                                <div class="instUrl">
                                                    <a href="{{ path('view_institution',{'instId':institute.idInst}) }}">{{ institute.instName }}</a>
                                                </div>
                                            {% endfor %}
                                        {% else %}
                                            {% if data.projectMeta.agency.idInst != "" %}
                                                <a href="{{ path('view_institution',{'instId':attribute(data.projectMeta, "Funding / Donor Agency").idInst}) }}">{{ attribute(data.projectMeta, "Funding / Donor Agency").instName }}</a>
                                            {% else %}
                                                {{ attribute(data.projectMeta, "Funding / Donor Agency").instName }}
                                            {% endif %}
                                        {% endif %}
                                    </p>
                                {% endif %}
                            </div>
                            
                            {% if  attribute(data.projectMeta, "Primary GEFSEC Program Manager")  is defined and attribute(data.projectMeta, "Primary GEFSEC Program Manager") != "" %}
                                <hr>
                                <strong>Primary GEFSEC Program Manager</strong>
                                <div class="left-text">
                                {% if attribute(data.projectMeta, "Primary GEFSEC Program Manager") is iterable %}
                                    {% for user in  attribute(data.projectMeta, "Primary GEFSEC Program Manager") %}
                                        <div class="instUrl">
                                            {% if user.idInd and user.idInd != "" %}
                                                <a href="{{ path('view_profile',{'user': user.idInd}) }}">{{ user.fname ~ " " ~ user.sname }}</a>
                                            {% else %}
                                               {{ user.name }}
                                            {% endif %}
                                            
                                        </div>
                                    {% endfor %}
                                {% else %}
                                    {% if attribute(data.projectMeta, "Primary GEFSEC Program Manager").idInd != "" %}
                                        <a href="{{ path('view_profile',{'user':attribute(data.projectMeta, "Primary GEFSEC Program Manager").idInd}) }}">{{ attribute(data.projectMeta, "Primary GEFSEC Program Manager").fname }}</a>
                                    {% else %}
                                        {{ attribute(data.projectMeta, "Primary GEFSEC Program Manager").name }}
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                           

                        </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
                <!-- /.col -->

                <div class="col-md-9">
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#overview" data-toggle="tab" aria-expanded="false">Overview</a></li>
                            <li class=""><a href="#documents" data-toggle="tab" aria-expanded="false">Documents</a></li>
                            <li class=""><a href="#people" data-toggle="tab" aria-expanded="false">People</a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="overview">
                                <div class="box-header with-border">
                                    <div class="event-heading">
                                        {% if data.project.title is defined %}
                                            <h3>{{ data.project.title }}</h3>
                                        {% endif %}
                                        <div class=" label label-warning">{{ data.project.projectStatus }}</div>
                                        <span class="event-share">
                                        <button type="submit" class="btn btn-primary">Follow</button>
                                        <button type="submit" class="btn btn-primary">Share</button>
                                    </span>
                                    </div>


                                </div>
                                <div class="row grid-divider">
                                	<div class="col-sm-12 col-md-8 col-lg-8">
                                        <div class="col-padding">
                                            <div class="col-xs-12 col-sm-6">
                                                {% if data.project.idGef is defined and data.project.idGef != "" %}
                                                    <p class="justify">
                                                        <strong>GEF ID :</strong> {{ data.project.idGef }}
                                                    </p>
                                                {% endif %}
                                                {% if data.project.idOther is defined and data.project.idOther != "" %}
                                                    <p class="justify">
                                                        <strong>Other ID :</strong> {{ data.project.idOther }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Focal Area") is defined %}
                                                    <p class="justify">
                                                        <strong>Focal Area :</strong> {{ attribute(data.projectMeta, "Focal Area") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Type acronym") is defined %}
                                                <p class="justify">
                                                    <strong>Type Acronym :</strong> {{ attribute(data.projectMeta, "Type acronym") }}
                                                </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "List of participating countries") is defined %}
                                                <p class="justify">
                                                    <strong>Participating Countries :</strong> {{ attribute(data.projectMeta, "List of participating countries") }}
                                                </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "theme") is defined %}
                                                <p class="justify">
                                                    <strong>Project Theme :</strong> {{ attribute(data.project, "theme") }}
                                                </p>
                                                {% endif %}
                                                {% if data.project.website is defined and data.project.website != "" %}
                                                    <p class="justify">
                                                        <strong>Project Website :</strong> <a href="{{ data.project.website }}">{{ data.project.website }}</a>
                                                    </p>
                                                {% endif %}
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                {% if attribute(data.projectMeta, "Region") is defined %}
                                                    <p class="justify">
                                                        <strong>Region :</strong> {{ attribute(data.projectMeta, "Region") | upper }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "GEF replenishment phase") is defined %}
                                                    <p class="justify">
                                                        <strong>GEF Replenishment Phase :</strong> {{ attribute(data.projectMeta, "GEF replenishment phase") | upper }}
                                                    </p>
                                                {% endif %}
                                                {#{% if attribute(data.projectMeta, "GEFNewRegionList") is defined %}#}
                                                    {#<p class="justify">#}
                                                        {#<strong>Regions :</strong> {{ attribute(data.projectMeta, "GEFNewRegionList") | upper }}#}
                                                    {#</p>#}
                                                {#{% endif %}#}
                                            </div>
                                            <div class="col-lg-12">
                                                {% if attribute(data.project, "description") is defined and attribute(data.project, "description") != "" %}
                                                    <p class="justify">
                                                        <strong>Project Description : </strong>
                                                        <p class="justify">{{ attribute(data.project, "description") | raw }}</p>
                                                    </p>
                                                {% endif %}
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                {% if attribute(data.projectMeta, "LME Regions") is defined %}
                                                    <p class="justify">
                                                        <strong>LME Region :</strong> {{ attribute(data.projectMeta, "LME Regions") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Habitat") is defined %}
                                                    <p class="justify">
                                                        <strong>Habitat :</strong> {{ attribute(data.projectMeta, "Habitat") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Strategic Priority") is defined %}
                                                    <p class="justify">
                                                        <strong>Strategic Priority :</strong> {{ attribute(data.projectMeta, "Strategic Priority") }}
                                                    </p>
                                                {% endif %}
                                                {#{% if attribute(data.projectMeta, "IP Rating") is defined %}#}
                                                    {#<p class="justify">#}
                                                        {#<strong>IP Rating :</strong> {{ attribute(data.projectMeta, "IP Rating") }}#}
                                                    {#</p>#}
                                                {#{% endif %}#}
                                                {% if attribute(data.projectMeta, "Related Publications") is defined %}
                                                    <p class="justify">
                                                        <strong>Related Publications :</strong> {{ attribute(data.projectMeta, "Related Publications") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Related Datasets") is defined %}
                                                    <p class="justify">
                                                        <strong>Related Datasets :</strong> {{ attribute(data.projectMeta, "Related Datasets") }}
                                                    </p>
                                                {% endif %}
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                {% if attribute(data.projectMeta, "Ecosystem") is defined %}
                                                    <p class="justify">
                                                        <strong>Ecosystem :</strong> {{ attribute(data.projectMeta, "Ecosystem") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Project Indicators") is defined %}
                                                    <p class="justify">
                                                        <strong>Project Indicators :</strong> {{ attribute(data.projectMeta, "Project Indicators") }}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Operational Programme") is defined %}
                                                    <p class="justify">
                                                        <strong>Operational Programme :</strong> {{ attribute(data.projectMeta, "Operational Programme") }}
                                                    </p>
                                                {% endif %}
                                                {#{% if attribute(data.projectMeta, "Do Rating") is defined %}#}
                                                    {#<p class="justify">#}
                                                        {#<strong>Do Rating :</strong> {{ attribute(data.projectMeta, "Do Rating") | upper }}#}
                                                    {#</p>#}
                                                {#{% endif %}#}
                                            </div>
                                        </div>
                                	</div>
                                    <div class="col-sm-12 col-md-4 col-lg-4">
                                        <div class="col-padding">
                                            <h4 class="strong">Important Dates</h4>
                                            <hr class="compact" />
                                            {% if attribute(data.projectMeta, "Date of receipt or first PMIS entry") is defined and attribute(data.projectMeta, "Date of receipt or first PMIS entry") != "null" %}
                                                <p class="justify">
                                                    <strong>First PIMS Entry :</strong> {{ attribute(data.projectMeta, "Date of receipt or first PMIS entry") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "PIF Clearance or PIF Approval Date") is defined and attribute(data.projectMeta, "PIF Clearance or PIF Approval Date") != "null" %}
                                                <p class="justify">
                                                    <strong>PIF Approval :</strong> {{ attribute(data.projectMeta, "PIF Clearance or PIF Approval Date") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Expected date of entry into work program") is defined and attribute(data.projectMeta, "Expected date of entry into work program") != "null" %}
                                                <p class="justify">
                                                    <strong>Expected Entry into Work Program :</strong> {{ attribute(data.projectMeta, "Expected date of entry into work program") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Date of project approval") is defined and attribute(data.projectMeta, "Date of project approval") != "null" %}
                                                <p class="justify">
                                                    <strong>Approval :</strong> {{ attribute(data.projectMeta, "Date of project approval") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Date of CEO approval (MSP / EA)") is defined and attribute(data.projectMeta, "Date of CEO approval (MSP / EA)") != "null" %}
                                                <p class="justify">
                                                    <strong>CEO Approval :</strong> {{ attribute(data.projectMeta, "Date of CEO approval (MSP / EA)") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Date of CEO endorsement (FSP)") is defined and attribute(data.projectMeta, "Date of CEO endorsement (FSP)") != "null" %}
                                                <p class="justify">
                                                    <strong>CEO Endorsement (FSP) :</strong> {{ attribute(data.projectMeta, "Date of CEO endorsement (FSP)") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Expected date of Grant signing") is defined and attribute(data.projectMeta, "Expected date of Grant signing") != "null" %}
                                                <p class="justify">
                                                    <strong>Expected Grant Signing :</strong> {{ attribute(data.projectMeta, "Expected date of Grant signing") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Actual date of Grant signing") is defined and attribute(data.projectMeta, "Actual date of Grant signing") != "null" %}
                                                <p class="justify">
                                                    <strong>Actual Grant Signing :</strong> {{ attribute(data.projectMeta, "Actual date of Grant signing") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Expected date of implementation start") is defined and attribute(data.projectMeta, "Expected date of implementation start") != "null" %}
                                                <p class="justify">
                                                    <strong>Expected Implementation Start :</strong> {{ attribute(data.projectMeta, "Expected date of implementation start") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Actual date of implementation start") is defined and attribute(data.projectMeta, "Actual date of implementation start") != "null" %}
                                                <p class="justify">
                                                    <strong>Actual Implementation Start :</strong> {{ attribute(data.projectMeta, "Actual date of implementation start") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}
                                            {% if attribute(data.projectMeta, "Expected date of closure") is defined and attribute(data.projectMeta, "Expected date of closure") != "null" %}
                                                <p class="justify">
                                                    <strong>Expected Closure :</strong> {{ attribute(data.projectMeta, "Expected date of closure") | date ('d - M - Y') }}
                                                </p>
                                            {% endif %}

                                            <div class="top-buffer30">
                                            <h4 class="strong">Funding</h4>
                                            <hr class="compact" />
                                                {% if attribute(data.projectMeta, "(Sum of all) Approved PPG(s)") is defined and attribute(data.projectMeta, "(Sum of all) Approved PPG(s)") != "null" %}
                                                    <p class="justify">
                                                        <strong>Approved PPG(s) :</strong> ${{ attribute(data.projectMeta, "(Sum of all) Approved PPG(s)")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Agency fees paid separately for PPG") is defined and attribute(data.projectMeta, "Agency fees paid separately for PPG") != "null" %}
                                                    <p class="justify">
                                                        <strong>Agency Fees (PPG) :</strong> ${{ attribute(data.projectMeta, "Agency fees paid separately for PPG")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Agency Fee PIF stage") is defined and attribute(data.projectMeta, "Agency Fee PIF stage") != "null" %}
                                                    <p class="justify">
                                                        <strong>Agency Fees (PDF-B) :</strong> ${{ attribute(data.projectMeta, "Agency Fee PIF stage")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "GEF Project Grant PIF stage") is defined and attribute(data.projectMeta, "GEF Project Grant PIF stage") != "null" %}
                                                    <p class="justify">
                                                        <strong>GEF Project Grant (PIF) :</strong> ${{ attribute(data.projectMeta, "GEF Project Grant PIF stage")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Agency Fee PIF stage") is defined and attribute(data.projectMeta, "Agency Fee PIF stage") != "null" %}
                                                    <p class="justify">
                                                        <strong>Agency Fees (PIF) :</strong> ${{ attribute(data.projectMeta, "Agency Fee PIF stage")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                                {% if attribute(data.projectMeta, "Cofinance PIF stage") is defined and attribute(data.projectMeta, "Cofinance PIF stage") != "null" %}
                                                    <p class="justify">
                                                        <strong>Co-finance (PIF) :</strong> ${{ attribute(data.projectMeta, "Cofinance PIF stage")|number_format(2, '.', ',')}}
                                                    </p>
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box-header with-border">

                                </div>
                            </div>

                            <div class="tab-pane" id="documents">
                                <div class="tab-heading">
                                    Documents to be uploaded
                                </div>
                                <div class="tab-subheading">
                                    {#IOC-XXVIII/3: <a href="javascript:void(0);">Report Of The Iode XXIV</a>#}
                                </div>

                            </div>
                            <!-- /.tab-pane -->

                            <div class="tab-pane" id="people">
                                <div class="tab-heading">
                                    People to be added
                                </div>
                            </div>
                            <!-- /.tab-pane -->
                        </div>
                        <!-- /.tab-content -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
    </div>

    {% include 'footer.html.twig' %}
    <script src="{{ asset('js/bootstrap-datepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>


    <script type="text/javascript">
        $(".projects").addClass('navactive');


        {% if is_granted('ROLE_GLOBAL_EDITOR') %}
        $(document).delegate(".activate", "click", function () {
            $this = $(this);
            $this.html('<i class="fa fa-cog fa-spin" aria-hidden="true"></i> Activate');
            
            $.ajax({
                url: "{{ path('approve_projects')}}",
                type: 'POST',
                data: { "id": {{ data.project.idProject }}},
            })
                .done(function (response) {
                    if (response[0].status == 1) {
                        $(".statusBtn").html('<button class="btn btn-danger deactivate" id="deactivate"><i class="fa fa-ban" aria-hidden="true"></i> Deactivate</button>');
                    }else{
                        $(".statusBtn").html('<button class="btn btn-success activate" id="activate"><i class="fa fa-check" aria-hidden="true"></i> Activate</button>');
                    }
                });

        });
        $(document).delegate(".deactivate", "click", function () {
            $(this).html('<i class="fa fa-cog fa-spin" aria-hidden="true"></i> Deactivate')
            $.ajax({
                url: "{{ path('disapprove_projects')}}",
                type: 'POST',
                data: { "id": {{ data.project.idProject }}},
            })
                .done(function (response) {
                    if (response[0].status == 1) {
                        $(".statusBtn").html('<button class="btn btn-danger delete" id="delete"><i class="fa fa-ban" aria-hidden="true"></i> Delete</button>');
                    } else {
                        $(".statusBtn").html('<button class="btn btn-danger ban" id="ban"><i class="fa fa-ban" aria-hidden="true"></i> Deactivate</button>');
                    }
                });
        });

        $(document).delegate(".delete", "click", function () {
            $(this).html('<i class="fa fa-cog fa-spin" aria-hidden="true"></i> Deactivate')
            $.ajax({
                url: "{{ path('delete_projects')}}",
                type: 'POST',
                data: { "id": {{ data.project.idProject }}},
            })
                .done(function (response) {
                    if (response[0].status == 1) {
                        $(".statusBtn").html('<button class="btn btn-warning activate" id="activate"><i class="fa fa-check" aria-hidden="true"></i> Un-Delete</button>');
                    } else {
                        $(".statusBtn").html('<button class="btn btn-success delete" id="delete"><i class="fa fa-ban" aria-hidden="true"></i> Delete</button>');
                    }
                });
        });
        
        {% endif %}


    </script>
{% endblock %}