{% extends 'ResourcesManagerBundle::layout.html.twig' %}
{% block title %}Profiles{% endblock %}

{% block stylesheets %}
    {{parent()}}
    <link href="{{ asset('tablesorter/css/theme.ice.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('tablesorter/css/filter.formatter.css') }}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/cupertino/jquery-ui.css">
{% endblock %}

{% block section %}
    <a href="{{path('resources_manager_petitions')}}">Manage Petitions</a>
{% endblock %}

{% block subsection %}
    <strong>Demand Number: {{entity.id}}</strong>
{% endblock %}

{% block body  %}
{% spaceless %}
{{parent()}}
    <form method="post" id="form" {{ form_enctype(edit_form) }}>
        {# First Form #}
        <div class="panel panel-default">
            <div class="panel-heading">
                Demand Number: {{entity.id}}
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-condensed">
                        <tbody>
                            <tr>
                                <th>Reference</th>
                                <td colspan="3">{{entity.id}}</td>
                            </tr>
                            
                            <tr>
                                <th>Author/Petitioner</th>
                                <td colspan="3"><a href="#" target="_blank">{{ entity.petitioneruser.employee|title }}</a></td>
                            </tr>
                            
                            <tr>
                                <th>Demand Date</th>
                                <td colspan="3">{{ entity.requestdate|date(app.user.dateformat) }}</td>
                            </tr>

                            <tr>
                                <th>Candidate Start Date</th>
                                <td>{{ entity.startdate|date(app.user.dateformat)}}</td>
                                <th>Candidate End Date</th>
                                <td>{{ entity.enddate|date(app.user.dateformat) }}</td>
                            </tr>
                            <tr>    
                                <th>Demand Status</th>
                                <td colspan="3">{{ entity.status }}{#{ form_widget(edit_form.status) }#}</td>
                            </tr>
                            <tr>
                                <th>Project</th>
                                <td><b>{{ entity.project }}<b></td>
                                <th>Project Budget</th>
                                <td>{{ entity.project.budget }}</td>
                            </tr>
                            <tr>
                                <th>Supervisor</th>
                                <td colspan="3">{{ form_widget(edit_form.supervisor) }}</td>
                            </tr>
                            <tr>
                                <th>Company</th>
                                <td colspan="3">Company Name</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
        {# Second Form #}
        <div class="panel panel-default">
            <div class="panel-heading">
                Profile Demand
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-condensed">
                        <tbody>
                            <tr>
                                <th>Profile Demand</th>
                                <td class="neoimportant" colspan="7"><b>{{ entity.profile | upper }}</b></td>
                            </tr>
                             <tr>
                                <th>Position</th>
                                <td colspan="7">{{ entity.position }}</td>
                            </tr>
                            <tr>
                                <th>Description</th>
                                <td colspan="7">{{ entity.description }}</td>
                            </tr>
                            <tr>
                                <th>Candidate</th>
                                <td colspan="7">{#{ form_widget(edit_form.assigneduser) }#}</td>
                            </tr>                
                            <tr>
                                <th>Requested Start Date</th>
                                <td>{{ entity.requestedstartdate|date(app.user.dateformat) }}</td>
                                <td></td>
                                <th>Start Date</th>
                                <td colspan="2">{{ form_widget(edit_form.startdate) }}</td>
                            </tr>
                            <tr>
                                <th>Requested End Date</th>
                                <td>{{ entity.requestedenddate|date(app.user.dateformat) }}</td>
                                <td></td>
                                <th>End Date</th>
                                <td colspan="2">{{ form_widget(edit_form.enddate) }}</td>
                            </tr>
                            <tr>
                                <th>Requested Daily Hours</th>
                                <td>{{ entity.requesteddailyhours }}</td> 
                                <td></td>
                                <th>Daily Hours</th>
                                <td>{{ form_widget(edit_form.dailyhours) }}</td>
                            </tr>

                            <tr>
                                <th class="success" style="border-top:2px solid black">Total Project Hours</th>
                                <td style="border-top:2px solid black">{{ entity.totalhours }}</td>
                                <td style="width:10%;border-top:2px solid black;"></td>
                                <th class="success" style="border-top:2px solid black">Total Project Hours</th>
                                <td style="border-top:2px solid black">{{ form_widget(edit_form.requestedtotalhours) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {# Table Best Candidates #}
        <div class="panel panel-default">
            <div class="panel-body">
                {% if usersprofile is empty %}
                    <p>You don't have any candidate to respond this request</p>
                {% else %}
                <h5>Best Candidates <small> (Total {{usersprofile | length }})</small> for {{entity.profile}} Demand</h5>
                	<div class="table-responsive">
                        <table id="sorted" class="colaboratable tablesorter-ice">
                            <thead>
                                <tr>
                        			<th></th>
                                    <th data-placeholder="Search Supervisor">Candidate</th>
                                    <th class="filter-select">Department</th>
                                    <th class="filter-select">Profile</th>
                                    <th>Cost Hour</th>
                                    <th></th>
                                    {#<th>Avg. Rating</th>#}
                                </tr>
                            </thead>            
                            <tbody>
                                {% for member in usersprofile %}
                                    <tr>
                                        <td>
                                            <center><input type="radio" id="neo_enterprisebundle_eprofilerequeststype_assigneduser_{{member.user.id}}" name="neo_enterprisebundle_eprofilerequeststype[assigneduser]" value="{{member.user.id}}" {% if entity.assigneduser == NULL %} {% else %}{% if member.id == entity.assigneduser.id %} checked {% endif %}{% endif %}></center>
                                        </td>
                                        <td>{{member.name}} {{member.lastnames}}</td>
                                        <td>{{member.department}}</td>
                                        <td>{{member.profile}}</td>
                                        <td>{{member.profile.costhour}}</td>
                                        <td>
                                        <span class="glyphicon glyphicon-calendar">
                                        <a href="{{ path('user_calendar', {id : member.user.id}) }}" target="_blank" onClick="window.open(this.href, this.target, 'width=500,height=400'); return false;"> Calendar </a>
                                        </span>
                                        </td>
                                        
                                    </tr>
                                {% endfor %}
                            </tbody>
                    	</table>
                    </div>
                {% endif %}
            </div>
        </div>
        {# Buttons #}
        <div class="panel panel-default">
            <div class="panel-body">
                {{ form_rest(edit_form) }}
                <div class="btn-group">
                    <button class="btn btn-mini btn-success" title="Assign Candidate" type="button" value="assign" onclick="assign_click()"><span class="glyphicon glyphicon-ok"></span></button>
                    <button class="btn btn-mini btn-danger" title="Decline Petition" type="button" value="decline" onclick="decline_click()"><span class="glyphicon glyphicon-remove"></span></button>
                </div>
                <button class="btn btn-mini btn-primary pull-right" title="Back to Pending" type="button" value="pending" onclick="pending_click()"><span class="glyphicon glyphicon-arrow-left"> </span> Change to Pending Status</button>
                
            </div>
        </div>
    </form>
{% endspaceless %}
{% endblock %}

{% block javascripts %}
{{parent()}}

<script type="text/javascript">
        $(function() {
            $( ".date" ).datepicker();
            $( ".format" ).change(function() {
            $( ".date" ).datepicker( "option", "drop", $( this ).val() );
        }); 
        });
</script>

<script type="text/javascript">
    function assign_click()
    {
        f=document.getElementById('form');
        f.action = "{{ path('resources_manager_demandupdate', { 'id': entity.id }) }}";
        if(f){
            f.submit();
        }
    };

    function decline_click()
    {
        f=document.getElementById('form');
        f.action = "{{ path('resources_manager_demandupdatedecline', { 'id': entity.id }) }}";
        if(f){
            f.submit();
        }
    };

    function pending_click()
    {
        f=document.getElementById('form');
        f.action = "{{ path('resources_manager_demandupdatepending', { 'id': entity.id }) }}";
        if(f){
            f.submit();
        }
    };
</script>

{# COLABORA TABLE 1 #}
<script type ="text/javascript">
    $(function() {
      $(".colaboratable")
        .tablesorter({
          cssChildRow: "colaboratable-childRow",
          showProcessing: true,
          widgets: ["zebra", "filter", "pager"],

          headers: {
                0: {
                sorter: false,
                },
                5: {
                sorter: false,
                },
          },

        widgetOptions: {
            pager_output: '{startRow} - {endRow} / {filteredRows} ({totalRows})', // '{page}/{totalPages}'
            pager_removeRows: false,
            filter_reset : '.reset',
            filter_childRows  : true,
            filter_cssFilter  : 'colaboratable-filter',
            filter_startsWith : false,
            filter_ignoreCase : true,
            filter_searchDelay : 300,
            filter_formatter : {
                    0: function(){
                    },
                    5: function(){
                    },
            }
          }
        }
        );

    });
    $("#table1").show();
</script>

{% endblock %}