<?php

/* VGMWOBundle:Notifications:timeNotifications.html.twig */
class __TwigTemplate_fa36014558f0589d0166e9ddc07b40b24ff4c6743c5c075197472f4630d4dd95 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        // line 1
        $this->parent = $this->loadTemplate("VGMWOBundle::layout.html.twig", "VGMWOBundle:Notifications:timeNotifications.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;\">
        <strong>Time Notifications</strong>
    </H3>
";
    }

    // line 13
    public function block_content($context, array $blocks = array())
    {
        // line 14
        echo "    <div id=\"active_notices_list\"
         class=\"container\" style=\"min-height: 500px;\">
        <!-- Nav tabs -->
        <ul class=\"nav nav-tabs\" role=\"tablist\" style=\"margin-bottom: 20px;\">
            <li class=\"col-md-6 active\"><a href=\"#active_notices\" role=\"tab\" data-toggle=\"tab\"
                data-bind=\"text: 'Active notifications (' + active_notices().length + ')'\"></a></li>
            <li class=\"col-md-6\"><a href=\"#dismissed_notices\" role=\"tab\" data-toggle=\"tab\"
                data-bind=\"text: 'Dismissed notifications (' + dismissed_notices().length + ')'\"></a></li>
        </ul>

        <!-- Tab panes -->
        <div class=\"tab-content\">
            <div class=\"tab-pane active\" id=\"active_notices\">
                <!-- ko if: active_notices().length > 0 -->
                <div class=\"panel-group\" id=\"active_accordion\"
                     data-bind=\"foreach: active_notices\">
                    <div class=\"panel panel-default\">
                        <div class=\"notice-panel-heading collapsed container-fluid\"
                             data-toggle=\"collapse\"
                             data-bind=\"attr:{href: '#' + own_id},
                                        css: alert_type == 0 ? 'light-info-bg'
                                            : alert_type == 1 ? 'light-warning-bg'
                                            : 'light-danger-bg'\"
                             style=\"cursor: pointer;\">
                            <div class=\"pull-left left-round col-xs-2\"
                                 data-bind=\"css: alert_type == 0 ? 'info-bg'
                                            : alert_type == 1 ? 'warning-bg'
                                            : 'danger-bg'\">
                                <span data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-import'
                                : alert_type == 1 ? 'glyphicon glyphicon-export'
                                : 'glyphicon glyphicon-saved'}\"></span>
                                <strong data-bind=\"text: alert_type == 0 ? 'POSSIBLE UNDERTIME'
                                : alert_type == 1 ? 'POSSIBLE OVERTIME' : 'CONFIRMED OVERTIME'\"></strong>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong>Date: </strong>
                                <span data-bind=\"text: loop_date\"></span>
                            </div>
                            <div class=\"pull-left col-xs-3\">
                                <strong>Employee: </strong>
                                <span data-bind=\"text: worker\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong>Works: </strong>
                                <span data-bind=\"text: works\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong data-bind=\"text: expected_period\"></strong>
                                <span data-bind=\"text: expected_time\"></span>
                            </div>
                            <div class=\"pull-left col-xs-05\">
                                <span data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-minus-sign'
                                    : alert_type == 1 ? 'glyphicon glyphicon-plus-sign'
                                    : 'glyphicon glyphicon-plus'}\"></span>
                                <strong data-bind=\"text: formatedTime() + 'h'\"></strong>
                            </div>
                            <div class=\"pull-left\">
                                <span class=\"glyphicon glyphicon-arrow-right\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <sapan data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-minus-sign'
                                    : alert_type == 1 ? 'glyphicon glyphicon-plus-sign'
                                    : 'glyphicon glyphicon-plus'}\"></sapan>
                                <strong data-bind=\"text: cost\"></strong>
                            </div>
                            <div class=\"pull-right right-round primary-bg white-font\"
                                 data-bind=\"click: dismiss, stopBubble: true\">
                                <strong>Dismiss</strong>
                                <span class=\"glyphicon glyphicon-thumbs-down\"></span>
                            </div>

                        </div>
                        <div class=\"panel-collapse collapse\"
                             data-bind=\"attr:{id: own_id}\">
                            <div class=\"panel-body\">
                                <div class=\"table-responsive col-lg-12\"
                                     style=\"padding: 0;\">
                                    <table class=\"table table-striped table-hover\">
                                        <thead>
                                            <tr>
                                                <!--Work Order - No column -->
                                                <th class=\"col-xs-05 text-center\">
                                                    WO
                                                </th>
                                                <!--Work Order - No column -->
                                                <th class=\"col-xs-05 text-center\">No</th>
                                                <!-- Area column -->
                                                <th class=\"col-lg-2\">Area</th>
                                                <!-- Work column -->
                                                <th class=\"col-md-4\">Work</th>
                                                <!-- Date column -->
                                                <th class=\"col-xs-05\">Date</th>
                                                <!-- Satrts column -->
                                                <th class=\"col-xs-05\">Starts</th>
                                                <!-- Ends column -->
                                                <th class=\"col-xs-05\">Ends</th>
                                                <!-- Lunch column -->
                                                <th>Lunch</th>
                                                <!-- Time Quantity column -->
                                                <th>Time</th>
                                                <!-- Regular Cost column -->
                                                <th class=\"col-xs-05\">Reg. Cost</th>
                                                <th class=\"col-xs-05\">POT/PUT</th>
                                                <th class=\"col-xs-05\">P. Cost</th>
                                                <th class=\"col-xs-05\">Overtime</th>
                                                <th class=\"col-xs-05\">O. Cost</th>
                                            </tr>
                                        </thead>
                                        <tbody data-bind=\"foreach: my_loops\">
                                            <tr>
                                                <td class=\"text-center\"
                                                    data-bind=\"text: workorder\"/>
                                                <td class=\"text-center inter-td\"
                                                    data-bind=\"text: assigned_stock_no\"/>
                                                <td class=\"inter-td\"
                                                    data-bind=\"text: area\"/>
                                                <td class=\"inter-td\"
                                                    data-bind=\"text: description\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: date\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: starts\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: ends\"/>
                                                <td class=\"inter-td text-center\"
                                                    style=\"vertical-align: middle\">
                                                    <span class=\"glyphicon glyphicon-ban-circle\"
                                                          style=\"color: #d43f3a; cursor: pointer; width: 100%; height: 100%;\"
                                                          title=\"Edit\"
                                                          data-bind=\"visible: !lunch()\"></span>
                                                    <span class=\"glyphicon glyphicon-ok-circle\"
                                                          style=\"color: #5cb85c; cursor: pointer; width: 100%; height: 100%;\"
                                                          title=\"Edit\"
                                                          data-bind=\"visible: lunch()\"></span>
                                                </td>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedTime\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedCost\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedPOTime\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedPOCost\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedCOTime\"/>
                                                <td class=\"inter-td text-center\"
                                                    data-bind=\"text: formatedCOCost\"/>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /ko -->
                <!-- ko if: active_notices().length == 0 -->
                <div class=\"full-width full-height text-center\">
                    <h1 style=\"text-decoration: underline;\"><strong>NO ACTIVE NOTIFICATIONS</strong></h1>
                </div>
                <!-- /ko -->
            </div>
            <div class=\"tab-pane\" id=\"dismissed_notices\">
                <!-- ko if: dismissed_notices().length > 0 -->
                <div class=\"panel-group\" id=\"dismissed_accordion\"
                     data-bind=\"foreach: dismissed_notices\">
                    <div class=\"panel panel-default\">
                        <div class=\"notice-panel-heading collapsed container-fluid\"
                             data-toggle=\"collapse\"
                             data-bind=\"attr:{href: '#' + own_id}\"
                             style=\"cursor: pointer;\">
                            <div class=\"pull-left left-round col-xs-2\"
                                 data-bind=\"css: alert_type == 0 ? 'info-bg'
                                            : alert_type == 1 ? 'warning-bg'
                                            : 'danger-bg'\">
                                <span data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-import'
                                : alert_type == 1 ? 'glyphicon glyphicon-export'
                                : 'glyphicon glyphicon-saved'}\"></span>
                                <strong data-bind=\"text: alert_type == 0 ? 'POSSIBLE UNDERTIME'
                                : alert_type == 1 ? 'POSSIBLE OVERTIME' : 'CONFIRMED OVERTIME'\"></strong>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong>Date: </strong>
                                <span data-bind=\"text: loop_date\"></span>
                            </div>
                            <div class=\"pull-left col-xs-3\">
                                <strong>Employee: </strong>
                                <span data-bind=\"text: worker\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong>Works: </strong>
                                <span data-bind=\"text: works\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <strong data-bind=\"text: expected_period\"></strong>
                                <span data-bind=\"text: expected_time\"></span>
                            </div>
                            <div class=\"pull-left col-xs-05\">
                                <span data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-minus-sign'
                                    : alert_type == 1 ? 'glyphicon glyphicon-plus-sign'
                                    : 'glyphicon glyphicon-plus'}\"></span>
                                <strong data-bind=\"text: formatedTime() + 'h'\"></strong>
                            </div>
                            <div class=\"pull-left\">
                                <span class=\"glyphicon glyphicon-arrow-right\"></span>
                            </div>
                            <div class=\"pull-left col-xs-1\">
                                <sapan data-bind=\"attr:{class: alert_type == 0 ? 'glyphicon glyphicon-minus-sign'
                                    : alert_type == 1 ? 'glyphicon glyphicon-plus-sign'
                                    : 'glyphicon glyphicon-plus'}\"></sapan>
                                <strong data-bind=\"text: cost\"></strong>
                            </div>
                            <div class=\"pull-left\">
                                <strong>Dismissed: </strong>
                                <span data-bind=\"text: dismissed\"></span>
                            </div>
                            <div class=\"pull-right right-round success-bg white-font\"
                                 data-bind=\"click: activate, stopBubble: true\">
                                <strong>Activate</strong>
                                <span class=\"glyphicon glyphicon-thumbs-up\"></span>
                            </div>
                        </div>
                        <div class=\"panel-collapse collapse\"
                             data-bind=\"attr:{id: own_id}\">
                            <div class=\"panel-body\">
                                <div class=\"table-responsive col-lg-12\"
                                     style=\"padding: 0;\">
                                    <table class=\"table table-striped table-hover\">
                                        <thead>
                                        <tr>
                                            <!--Work Order - No column -->
                                            <th class=\"col-xs-05 text-center\">
                                                WO
                                            </th>
                                            <!--Work Order - No column -->
                                            <th class=\"col-xs-05 text-center\">No</th>
                                            <!-- Area column -->
                                            <th class=\"col-lg-2\">Area</th>
                                            <!-- Work column -->
                                            <th class=\"col-md-4\">Work</th>
                                            <!-- Date column -->
                                            <th class=\"col-xs-05\">Date</th>
                                            <!-- Satrts column -->
                                            <th class=\"col-xs-05\">Starts</th>
                                            <!-- Ends column -->
                                            <th class=\"col-xs-05\">Ends</th>
                                            <!-- Lunch column -->
                                            <th>Lunch</th>
                                            <!-- Time Quantity column -->
                                            <th>Time</th>
                                            <!-- Regular Cost column -->
                                            <th class=\"col-xs-05\">Reg. Cost</th>
                                            <th class=\"col-xs-05\">POT/PUT</th>
                                            <th class=\"col-xs-05\">P. Cost</th>
                                            <th class=\"col-xs-05\">Overtime</th>
                                            <th class=\"col-xs-05\">O. Cost</th>
                                        </tr>
                                        </thead>
                                        <tbody data-bind=\"foreach: my_loops\">
                                        <tr>
                                            <td class=\"text-center\"
                                                data-bind=\"text: workorder\"/>
                                            <td class=\"text-center inter-td\"
                                                data-bind=\"text: assigned_stock_no\"/>
                                            <td class=\"inter-td\"
                                                data-bind=\"text: area\"/>
                                            <td class=\"inter-td\"
                                                data-bind=\"text: description\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: date\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: starts\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: ends\"/>
                                            <td class=\"inter-td text-center\"
                                                style=\"vertical-align: middle\">
                                                    <span class=\"glyphicon glyphicon-ban-circle\"
                                                          style=\"color: #d43f3a; cursor: pointer; width: 100%; height: 100%;\"
                                                          title=\"Edit\"
                                                          data-bind=\"visible: !lunch()\"></span>
                                                    <span class=\"glyphicon glyphicon-ok-circle\"
                                                          style=\"color: #5cb85c; cursor: pointer; width: 100%; height: 100%;\"
                                                          title=\"Edit\"
                                                          data-bind=\"visible: lunch()\"></span>
                                            </td>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedTime\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedCost\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedPOTime\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedPOCost\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedCOTime\"/>
                                            <td class=\"inter-td text-center\"
                                                data-bind=\"text: formatedCOCost\"/>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /ko -->
                <!-- ko if: dismissed_notices().length == 0 -->
                <div class=\"full-width full-height text-center\">
                    <h1 style=\"text-decoration: underline;\"><strong>NO DISMISSED NOTIFICATIONS</strong></h1>
                </div>
                <!-- /ko -->
            </div>
        </div>
    </div>
";
    }

    // line 330
    public function block_javascripts($context, array $blocks = array())
    {
        // line 331
        echo "    ";
        $this->displayParentBlock("javascripts", $context, $blocks);
        echo "
    <script type=\"text/javascript\" src=\"";
        // line 332
        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 333
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/Notifications/TimeNotifications.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 334
        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 335
        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() {
            //baseViewModel.getLoopsNotifications();
            viewModel.filter_notices();
            loadPageFeatures();
        });
        function getURLActiveNotifications(){
            return '";
        // line 343
        echo $this->env->getExtension('routing')->getPath("get_active_loop_notices");
        echo "';
        }
        function getURLDismissedNotifications(){
            return '";
        // line 346
        echo $this->env->getExtension('routing')->getPath("get_dismissed_loop_notices");
        echo "';
        }
        function getURLDismissNotice(){
            return '";
        // line 349
        echo $this->env->getExtension('routing')->getPath("dismiss_notice");
        echo "';
        }
        function getURLActivateNotice(){
            return '";
        // line 352
        echo $this->env->getExtension('routing')->getPath("activate_notice");
        echo "';
        }
        function getURLNoticeLoops(){
            return '";
        // line 355
        echo $this->env->getExtension('routing')->getPath("get_notices_loop");
        echo "';
        }
        // Activates knockout.js
        ////ko.applyBindings(baseViewModel, document.getElementById(\"menu-bar\"));
        ko.applyBindings(viewModel, document.getElementById(\"content-body\"));
    </script>
";
    }

    public function getTemplateName()
    {
        return "VGMWOBundle:Notifications:timeNotifications.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  435 => 355,  429 => 352,  423 => 349,  417 => 346,  411 => 343,  400 => 335,  396 => 334,  392 => 333,  388 => 332,  383 => 331,  380 => 330,  62 => 14,  59 => 13,  52 => 9,  49 => 8,  43 => 6,  39 => 5,  34 => 4,  31 => 3,  11 => 1,);
    }
}
