{% extends 'ProjectManagerBundle::layout.html.twig' %}
{% block title %}PM / Project List{% endblock %}

{% set active = 1 %}
{% set active2 = 1 %}

{% block section %}
<a href="{{path('project_manager_homepage')}}">Project List</a>
{% endblock %}

{% block body  %}
{{parent()}}

<div class="panel panel-default">
  <div class="panel-heading" style="height:100px;">
        <div style="display:inline" class="panel-title pull-right">
            {% set form = filter.form %}
            {{ form_start(form, {'attr':{'autocomplete':'off'}} ) }}
            <div class="margin-neo">
                <div class="form-basic">
                <table>
                    <tbody>
                        <tr>
                            <td>
                                {{ form_errors(form.code) }}
                                {{ form_widget(form.code) }}
                            </td>
                            <td>
                                {{ form_errors(form.name) }}
                                {{ form_widget(form.name) }}
                            </td>
                            <td>
                                <div style="text-align:center;">Project Start</div>
                                {{ form_errors(form.startbeginning) }}
                                {{ form_widget(form.startbeginning, {'attr':{'style':'width:100px;'}}) }}

                                {{ form_errors(form.startend) }}
                                {{ form_widget(form.startend, {'attr':{'style':'width:100px;'}}) }}
                            </td>
                            <td >
                                <div style="text-align:center;">Project End</div>
                                {{ form_errors(form.endbeginning) }}
                                {{ form_widget(form.endbeginning, {'attr':{'style':'width:100px;'}}) }}

                                {{ form_errors(form.endend) }}
                                {{ form_widget(form.endend, {'attr':{'style':'width:100px;'}}) }}                               
                            </td>
                            <td>
                                {{ form_errors(form.enterprise) }}
                                {{ form_widget(form.enterprise, {'attr':{'style':'width:100px;'}}) }}
                            </td>
                            <td>
                                {{ form_errors(form.country) }}
                                {{ form_widget(form.country, {'attr':{'style':'width:100px;'}} ) }}              
                            </td>
                            <td>
                                {{ form_errors(form.status) }}
                                {{ form_widget(form.status, {'attr':{'style':'width:100px;'}}) }}              
                            </td>
                            <td>
                                {{ form_widget(form.filtre) }}
                            </td>
                            <td>
                                {{ form_widget(form.reset) }}                            
                            </td>
                            <td>
                                {{ form_widget(form.excel) }}
                            </td>
                        </tr>       
                    </tbody>
                </table>
                </div>
            </div>
            {{ form_end(form) }} 
        </div>
  </div>
  <div class="panel-body">

    <div style="display:inline;">
            Number of projects: {{projects|length}}
    </div>
    <div class="margin-neo pull-right" style=" display:inline; width:30%; ">
        {% include "uiBundle:neotable:pager.html.twig" only %}  
    </div>

    <table id="sorted" class="table-neo-sorter">
        <thead>
            <tr>
                <th>#</th>
                <th>Project Code</th>                
                <th>Project Name</th>                
                <th>Start</th>                
                <th>End</th>
                <th>Project Enterprises</th>                               
                <th>Budget</th>                
                <th>Hours/Man</th>                
                <th>Country</th>                
                <th>Project Status</th> 
                <th>Actions</th>      
            </tr>
        </thead>
        <tbody>

            {% for project in projects %}

                <tr>
                    <td>{{loop.index}}</td>
                    <td>{{project.project.projectcode}}</td>
                    <td><a href="http://{{project.project.projectlink}}/web/app.php" target="_blank">{{project.project.name}}</a></td>
                    <td>{{project.project.startdate|date(app.user.dateformat) }}</td>
                    <td>{{project.project.enddate|date(app.user.dateformat) }}</td>
                    <td>

                        {% for ent in project.project.ProjectEnterprises %}
                            {#% if ent.enterpriseroleinproject is not null %#}
                                {% if ent.enterpriseroleinproject.name == "Main Client" %}
                                    <strong>{{ent.enterprise.name}}</strong><br>
                                {% elseif ent.enterpriseroleinproject.name == "Main Contractor" %}
                                    <strong>{{ent.enterprise.name}}</strong><br>
                                {% else %}
                                    {{ent.enterprise.name}}<br>
                                {% endif %}
                            {#% endif %#}
                        {% endfor %}                

                    </td>
                    <td>{{project.project.budget}}</td>
                    <td>{{project.project.hoursman}}</td>
                    <td>{{project.project.country}}</td>
                    <td>{{project.project.status}}</td>
                    <td align="center">
                        <form method="post" action="{{ path('project_manager_show', { 'id': project.project.id }) }}">
                            <select name="actions" onchange='this.form.submit()'>
                            <option value="">Actions</option>
                              <option value="Overview">Overview</option>
                            </select>
                        </form>
                    </td>
                </tr>
            {% endfor %}

        </tbody>
    </table>
</div>
</div>


{% endblock %}

{% block javascripts %}
{{parent()}}
    {% include "uiBundle:neotable:sorterpagerscripts.html.twig" only %}
    {#{% include "uiBundle:neotable:sorterpagerfunction.html.twig" only %}#}

<script>
    $(document).ready(function() 
    { 
        $("#sorted").tablesorter({headers: { 10: { sorter: false }}}).tablesorterPager({container: $("#pager")}); 
    }
    );    
</script>   

<script>
    $(function() {
        $( ".date" ).datepicker();
    });
</script>



  <script>

    var codes = {{ filter.typeaheads[0]|json_encode|raw }};
    var names = {{ filter.typeaheads[1]|json_encode|raw }};

    $( "#form_code" ).autocomplete({source: codes});
    $( "#form_name" ).autocomplete({source: names});
  </script>

  <script>
/*************** Implements autocomplete on all text filter fields ***********************/
  {% for options in filter.typeaheads %}

    var options = {{ options['options']|json_encode|raw }}
    $( "#form_{{options['name']}}" ).autocomplete({source: options});

  {% endfor %}
/**************************************************************************************/
  </script>


{% endblock %}

{% block onloadbody %}
/************* Implements the color of text and date filter fields ****************************/
    {% for field in filter.fields %}
        {% if field.fieldtype == 'text' or field.fieldtype == 'date'  %}

            form_{{field.name}}=document.getElementById("form_{{field.name}}");

            if(form_{{field.name}}.value == '') 
            {
                form_{{field.name}}.style.color='{{field.notselectedcolor}}';
                form_{{field.name}}.value="{{field.emptyvalue}}";
            }
            if(form_{{field.name}}.value != '{{field.emptyvalue}}') 
            {
                form_{{field.name}}.style.color='{{field.selectedcolor}}';
            }
        {% endif %}
    {% endfor %}
/*********************************************************************************************/
{% endblock onloadbody %}