{% 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-body">
            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th class="none" colspan="4">Demand Number: {{entity.id}}</b></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>Reference</th>
                        <td colspan="3">{{entity.id}}</td>
                    </tr>
                    
                    <tr>
                        <th>Author/Petitioner</th>
                        <td colspan="3"><a href="{{ path('profile_user_index',{ 'username': entity.petitioneruser } ) }}" target="_blank">{{ entity.petitioneruser.name|title }} {{ entity.petitioneruser.middlenames|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>
    
    {# Second Form #}
    <div class="panel panel-default">
        <div class="panel-body">
            <table class="table table-condensed">

                <thead>
                    <tr>
                        <th class="none" colspan="8">PROFILE DEMAND</b></th>
                    </tr>
                </thead>
                <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 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 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>

    {# 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>
            	<table id="sorted" class="colaboratable tablesorter-ice">
                    <thead>
                        <tr>
                			<th></th>
                            <th data-placeholder="Search Supervisor">Candidate</th>
                            <!--<th>Username</th>-->
                            <th class="filter-select">Profile</th>
                            <th>Cost Hour</th>
                            <th>Avg. Rating</th>
                        </tr>
                    </thead>            
                    <tbody>
                		{% for member in usersprofile %}
                            <tr>
                                <td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}>
                                    <center><input type="radio" id="neo_enterprisebundle_eprofilerequeststype_assigneduser_{{member.id}}" name="neo_enterprisebundle_eprofilerequeststype[assigneduser]" value="{{member.id}}" {% if entity.assigneduser == NULL %} {% else %}{% if member.id == entity.assigneduser.id %} checked {% endif %}{% endif %}></center>
                                </td>
                    			<td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}><b><a href="{{ path('profile_user_index',{ 'username': member.username } ) }}" target="_blank">{{ member.name }} {{member.lastnames}} </a></b></td>
                    			{#<td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}>{{ member.username }}</td>#}
                    			<td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}>{{ member.profile }}</td>
                    			<td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}>{#{ member.profile.costhour }}{{ member.profile.coin }#}</td>
                    			<td {% if member.profile == entity.profile %}class="neoimportant"{% endif %}><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-empty"></i></td>
                    		</tr>
                        {% endfor %}
                    </tbody>
            	</table>
            {% 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()
    {
        //alert("Click Assign");
        f=document.getElementById('form');
        f.action = "{{ path('resources_manager_demandupdate', { 'id': entity.id }) }}";
        if(f){
            f.submit();
        }
    };

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

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

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

          headers: {
            // disable sorting of the first column (we start counting at zero)
                0: {
                sorter: false,
                }
          },

        widgetOptions: {
            pager_output: '{startRow} - {endRow} / {filteredRows} ({totalRows})', // '{page}/{totalPages}'
            pager_removeRows: false,
            filter_reset : '.reset',

            // include child row content while filtering, if true
            filter_childRows  : true,
            // class name applied to filter row and each input
            filter_cssFilter  : 'colaboratable-filter',
            // search from beginning
            filter_startsWith : false,
            // Set this option to false to make the searches case sensitive 
            filter_ignoreCase : true,

            // Delay in milliseconds before the filter widget starts searching; This option prevents searching for
            // every character while typing and should make searching large tables faster.
            filter_searchDelay : 300,
            filter_formatter : {
                    0: function(){

                    },
            }
          }
        }
        );

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

{% endblock %}