<?php

/* VGMWOBundle:Reports:overTime.html.twig */
class __TwigTemplate_8ce11fdf97b50d3091a51b679371d04dddb5bd9b8582eccb3126d6dd87c3366e extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        // line 1
        $this->parent = $this->loadTemplate("VGMWOBundle::layout.html.twig", "VGMWOBundle:Reports:overTime.html.twig", 1);
        $this->blocks = array(
            'stylesheets' => array($this, 'block_stylesheets'),
            'jumbotron_content' => array($this, 'block_jumbotron_content'),
            'content' => array($this, 'block_content'),
            'javascripts' => array($this, 'block_javascripts'),
        );
    }

    protected function doGetParent(array $context)
    {
        return "VGMWOBundle::layout.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        $this->parent->display($context, array_merge($this->blocks, $blocks));
    }

    // line 3
    public function block_stylesheets($context, array $blocks = array())
    {
        // line 4
        echo "    ";
        $this->displayParentBlock("stylesheets", $context, $blocks);
        echo "
    <link href=\"";
        // line 5
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/bootstrap-datetimepicker.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 6
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/waitMe.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
";
    }

    // line 8
    public function block_jumbotron_content($context, array $blocks = array())
    {
        // line 9
        echo "    <H3 style=\"margin: 0px;\"
        data-bind=\"visible: chosenworker() == null\">
        <strong>Overtime</strong>
    </H3>
    <div class=\"container-fluid row\">
        <div class=\"col-lg-12\"
             data-bind=\"visible: chosenworker() != null,
                        with: chosenworker\">
            <div class=\"col-md-1 text-center\" style=\"padding: 0px\">
                <img data-bind=\"attr:{src: picture()}\" width=\"60px\" height=\"60px\">
            </div>
            <div class=\"col-md-5 text-left\" style=\"padding-left: 0px\">
                <div><strong>Code: </strong><strong data-bind=\"text: code()\" class=\"text-muted\"></strong></div>
                <div><strong>Name: </strong><strong data-bind=\"text: name()\" class=\"text-muted\"></strong></div>
                <div><strong>Department: </strong><strong data-bind=\"text: department()\" class=\"text-muted\"></strong></div>
            </div>
            <div class=\"col-md-4\"
                 style=\"padding-left: 0px; padding-right: 0px;\">
                <div class=\"text-left\">
                    <div><strong>Total hours: </strong><strong data-bind=\"text: total_hours ? total_hours : 0\" class=\"text-muted\"></strong></div>
                    <div><strong>Total cost: </strong><strong data-bind=\"text: total_cost ? total_cost : 0\" class=\"text-muted\"></strong></div>
                </div>
            </div>
            <div class=\"text-right col-md-2\">
                <div>
                    <input id=\"code_search\"
                           data-bind=\"value: \$root.filter_code().code\"
                           placeholder=\"Code\"
                           class=\"form-control for-desktop\"/>
                </div>
                <div>
                    <input id=\"name_search\"
                           data-bind=\"value: \$root.filter_name().name\"
                           placeholder=\"Name\"
                           class=\"form-control for-desktop\"/>
                </div>
                <div>
                    <select class=\"form-control for-desktop\"
                            tabindex=\"1\"
                            id=\"department_search\"
                            data-bind=\"options: \$root.departments(),
                                       optionsCaption: 'Department',
                                       optionsText: 'name',
                                       value: \$root.filter_dep().department\">
                    </select>
                </div>
            </div>
        </div>
    </div>

";
    }

    // line 60
    public function block_content($context, array $blocks = array())
    {
        // line 61
        echo "    <div id=\"workers_list\"
         class=\"container\" style=\"min-height: 500px;\"
         data-bind=\"visible: chosenworker() == null\">
        <div class=\"col-lg-12\" style=\"padding: 0; margin-top: -20px;\">
            <div class=\"col-lg-3\"
                 style=\"display: inline; padding-bottom: 10px;\">
                <div class=\"panel panel-default\">
                    <!-- Default panel contents -->
                    <div class=\"panel-heading\">
                        <strong>Search by date panel</strong>
                        <span class=\"glyphicon glyphicon-search pull-right\"></span>
                    </div>
                    <div class=\"panel-body\">
                        <div class=\"col-lg-4\">
                            <label><input type=\"radio\" value=\"By Date\"
                                          data-bind=\"checked: chosensearchoption\"/> Day</label>
                        </div>
                        <div class=\"col-lg-4\">
                            <label><input type=\"radio\" value=\"By Week\"
                                          data-bind=\"checked: chosensearchoption\" /> Week</label>
                        </div>
                        <div class=\"col-lg-4\">
                            <label><input type=\"radio\" value=\"By Period\"
                                          data-bind=\"checked: chosensearchoption\" /> Period</label>
                        </div>
                        <div class=\"col-lg-12\">
                            <!-- ko with: date_for_search -->
                            <input id=\"filter_shift_date_sdate\"
                                   data-date = \"\"
                                   data-date-format=\"mm/dd/yyyy\"
                                   data-link-field=\"filter_shift_date_sdate\"
                                   data-link-format=\"mm/dd/yyyy\"
                                   class=\"form-control for-desktop datepicker\"
                                   data-bind=\"value: date\"
                                   placeholder=\"Date\"/>
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
            <div class=\"col-lg-3\"
                 style=\"display: inline; padding-bottom: 10px;\">
                <div class=\"panel panel-default\">
                    <!-- Default panel contents -->
                    <div class=\"panel-heading\"><strong>Predefined search</strong></div>
                    <div class=\"panel-body\">
                        <div class=\"col-lg-12\">
                            <label>Options</label>
                        </div>
                        <div class=\"col-lg-12\">
                            <!-- ko with: date_for_search -->
                            <input id=\"filter_shift_date_sdate\"
                                   data-date = \"\"
                                   data-date-format=\"mm/dd/yyyy\"
                                   data-link-field=\"filter_shift_date_sdate\"
                                   data-link-format=\"mm/dd/yyyy\"
                                   class=\"form-control for-desktop datepicker\"
                                   data-bind=\"value: date\"
                                   placeholder=\"Date\"/>
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class=\"table-responsive col-lg-12\"
             style=\"padding-left: 0px; padding-right: 0px;\">
            <table class=\"table table-striped table-hover\">
                <thead>
                    <tr>
                        <!-- Code column -->
                        <th class=\"col-md-1\">
                            <div data-bind=\"visible: filter_code().editable() == 0\">
                                Code
                                <div style=\"display: inline\"
                                     data-bind=\"with: filter_code\">
                                    <a id=\"filtermenu_code\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Apply sort\"
                                       data-bind=\"click: activate_code\">
                                        <span class=\"glyphicon glyphicon-filter\"></span>
                                    </a>
                                </div>
                                <div class=\"dropdown\"
                                     style=\"display: inline\"
                                     data-bind=\"with: sorter_code\">
                                    <a id=\"sortermenu_code\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Sort\"
                                       data-toggle=\"dropdown\"
                                       aria-expanded=\"true\">
                                                <span data-bind=\"attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                                              sort() == 'ASC' ?
                                                                              'glyphicon glyphicon-sort-by-attributes' :
                                                                              'glyphicon glyphicon-sort-by-attributes-alt'}\"></span>
                                    </a>
                                    <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"sortermenu_code\"
                                        style=\"min-width: 10px;\">
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setASC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes\"></span> ASC
                                            </a>
                                        </li>
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setDESC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes-alt\"></span> DESC
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div data-bind=\"visible: filter_code().editable() == 1\">
                                <input id=\"filter_code_input\"
                                       data-bind=\"value: filter_code().code\"
                                       class=\"form-control for-desktop\"/>
                            </div>
                        </th>
                        <!-- Department column -->
                        <th class=\"col-md-4\">
                            <div data-bind=\"visible: filter_dep().editable() == 0\">
                                Department
                                <div style=\"display: inline\"
                                     data-bind=\"with: filter_dep\">
                                    <a id=\"filtermenu_department\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Apply sort\"
                                       data-bind=\"click: activate_department\">
                                        <span class=\"glyphicon glyphicon-filter\"></span>
                                    </a>
                                </div>
                                <div class=\"dropdown\"
                                     style=\"display: inline\"
                                     data-bind=\"with: sorter_dep\">
                                    <a id=\"sortermenu_department\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Sort\"
                                       data-toggle=\"dropdown\"
                                       aria-expanded=\"true\">
                                                <span data-bind=\"attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                                              sort() == 'ASC' ?
                                                                              'glyphicon glyphicon-sort-by-attributes' :
                                                                              'glyphicon glyphicon-sort-by-attributes-alt'}\"></span>
                                    </a>
                                    <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"sortermenu_department\"
                                        style=\"min-width: 10px;\">
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setASC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes\"></span> ASC
                                            </a>
                                        </li>
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setDESC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes-alt\"></span> DESC
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div data-bind=\"visible: filter_dep().editable() == 1\">
                                <select class=\"form-control for-desktop\"
                                        style=\"font-weight: normal\"
                                        tabindex=\"1\"
                                        id=\"filter_department_select\"
                                        data-bind=\"options: departments,
                                                   optionsCaption: 'Department',
                                                   optionsText: 'name',
                                                   value: filter_dep().department\">
                                </select>
                            </div>
                        </th>
                        <!-- Name column -->
                        <th class=\"col-md-4\">
                            <div data-bind=\"visible: filter_name().editable() == 0\">
                                Name
                                <div style=\"display: inline\"
                                     data-bind=\"with: filter_name\">
                                    <a id=\"filtermenu_name\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Apply sort\"
                                       data-bind=\"click: activate_name\">
                                        <span class=\"glyphicon glyphicon-filter\"></span>
                                    </a>
                                </div>
                                <div class=\"dropdown\"
                                     style=\"display: inline\"
                                     data-bind=\"with: sorter_name\">
                                    <a id=\"sortermenu_name\"
                                       style=\"padding: 0px; cursor: pointer\"
                                       title=\"Sort\"
                                       data-toggle=\"dropdown\"
                                       aria-expanded=\"true\">
                                                <span data-bind=\"attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                                              sort() == 'ASC' ?
                                                                              'glyphicon glyphicon-sort-by-attributes' :
                                                                              'glyphicon glyphicon-sort-by-attributes-alt'}\"></span>
                                    </a>
                                    <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"sortermenu_name\"
                                        style=\"min-width: 10px;\">
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setASC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes\"></span> ASC
                                            </a>
                                        </li>
                                        <li role=\"presentation\">
                                            <a role=\"menuitem\"
                                               tabindex=\"-1\"
                                               style=\"padding: 0 5px; cursor: pointer\"
                                               data-bind=\"click: setDESC\">
                                                <span class=\"glyphicon glyphicon-sort-by-attributes-alt\"></span> DESC
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div data-bind=\"visible: filter_name().editable() == 1\">
                                <input id=\"filter_name_input\"
                                       data-bind=\"value: filter_name().name\"
                                       class=\"form-control for-desktop\"/>
                            </div>
                        </th>
                        <!-- Overtime by day -->
                        <th class=\"col-md-1\">O. Day</th>
                        <!-- Overtime by week -->
                        <th class=\"col-md-1\">O. Week</th>
                        <!-- Picture column -->
                        <th class=\"col-md-1\">Picture</th>
                    </tr>
                </thead>
                <tbody data-bind=\"foreach: workers\">
                    <tr data-bind=\"click: choseme\"
                        style=\"cursor: pointer\">
                        <td hidden=\"hidden\" data-bind=\"text: id\"></td>
                        <td>
                            <p data-bind=\"text: code\"></p>
                        </td>
                        <td>
                            <p data-bind=\"text: department\"></p>
                        </td>
                        <td>
                            <p data-bind=\"text: name\"></p>
                        </td>
                        <td>
                            <p data-bind=\"text: oday\"></p>
                        </td>
                        <td>
                            <p data-bind=\"text: oweek\"></p>
                        </td>
                        <td class=\"text-center\">
                            <img data-bind=\"attr:{src: picture}, click: enlarge_picture\" width=\"32px\" height=\"32px\"
                                 style=\"cursor: zoom-in\" class=\"picture\">
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
";
    }

    // line 334
    public function block_javascripts($context, array $blocks = array())
    {
        // line 335
        echo "    ";
        $this->displayParentBlock("javascripts", $context, $blocks);
        echo "
    <script type=\"text/javascript\" src=\"";
        // line 336
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/bootstrap-datetimepicker.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 337
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/knockout-3.2.0.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 338
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/utils/Utils.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 339
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/reports/OverTime.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 340
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/validations/OnChangeValidations.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 341
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/waitMe.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\">
        \$(document).ready(function() {
            viewModel.appyFilters();
            loadPageFeatures();
        });
        function getURLFilteredWorkers(){
            return '";
        // line 348
        echo $this->env->getExtension('routing')->getPath("reports_get_filtered_workers");
        echo "';
        }
        function getURLWorkerShifts(){
            return '";
        // line 351
        echo $this->env->getExtension('routing')->getPath("reports_get_filtered_worker_loops");
        echo "';
        }
        function getURLSaveSingleLoop(){
            return '";
        // line 354
        echo $this->env->getExtension('routing')->getPath("loops_save_me");
        echo "';
        }
        function getURLDeleteSingleLoop(){
            return '";
        // line 357
        echo $this->env->getExtension('routing')->getPath("loops_delete_me");
        echo "';
        }
        viewModel.LoadData = ko.dependentObservable(function() {
            //viewModel.sorter_code().sort('ASC');
            //viewModel.chosensearchoption(viewModel.search_options()[0]);
            ";
        // line 362
        $context['_parent'] = (array) $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["departments"]) ? $context["departments"] : null));
        foreach ($context['_seq'] as $context["_key"] => $context["dep"]) {
            // line 363
            echo "            viewModel.departments.push(new department(\"";
            echo twig_escape_filter($this->env, $this->getAttribute($context["dep"], "id", array()), "html", null, true);
            echo "\", \"";
            echo twig_escape_filter($this->env, $this->getAttribute($context["dep"], "name", array()), "html", null, true);
            echo "\"));
            ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dep'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 365
        echo "        }, viewModel);

        // Activates knockout.js
        //ko.applyBindings(baseViewModel, document.getElementById(\"menu-bar\"));
        ko.applyBindings(viewModel, document.getElementById(\"content-body\"));
    </script>
";
    }

    public function getTemplateName()
    {
        return "VGMWOBundle:Reports:overTime.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  463 => 365,  452 => 363,  448 => 362,  440 => 357,  434 => 354,  428 => 351,  422 => 348,  412 => 341,  408 => 340,  404 => 339,  400 => 338,  396 => 337,  392 => 336,  387 => 335,  384 => 334,  109 => 61,  106 => 60,  52 => 9,  49 => 8,  43 => 6,  39 => 5,  34 => 4,  31 => 3,  11 => 1,);
    }
}
