<?php

/* VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig */
class __TwigTemplate_e7acd60fd475bcbd77017434947769c5a04c24401de1e6dd7ceebd3c0a619c39 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        // line 1
        $this->parent = $this->loadTemplate("::base.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 1);
        $this->blocks = array(
            'stylesheets' => array($this, 'block_stylesheets'),
            'javascripts' => array($this, 'block_javascripts'),
            'body' => array($this, 'block_body'),
        );
    }

    protected function doGetParent(array $context)
    {
        return "::base.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 "    <link href=\"";
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/bootstrap.css"), "html", null, true);
        echo "\" type=\"text/css\" rel=\"stylesheet\">
    <!-- Optional Bootstrap Theme -->
    <link href=\"data:text/css;charset=utf-8,\" data-href=\"";
        // line 6
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/bootstrap-theme.min.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" id=\"bs-theme-stylesheet\">
    <!-- Documentation extras -->
    <link href=\"";
        // line 8
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/vgm_styles.css"), "html", null, true);
        echo "\" rel=\"stylesheet\">
    <link href=\"";
        // line 9
        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 10
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/waitMe.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 11
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/clockController.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 12
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/keyboard.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
";
    }

    // line 15
    public function block_javascripts($context, array $blocks = array())
    {
        // line 16
        echo "    <script type=\"text/javascript\" src=\"";
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/jquery/jquery-1.11.1.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 17
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/bootstrap.min.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 18
        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 19
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/jquery/jquery.inputmask.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 20
        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 21
        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 22
        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 23
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/jquery/jquery.keyboard.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 24
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/clockController/clockControllerTemp.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\" src=\"";
        // line 25
        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 26
        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() {
            //\$('input').val(\"\");

            \$('#worker_code_input').inputmask(\"9999\",
                    {placeholder:\"-\",
                        oncomplete: function(){
                            if(this.selectionStart == this.value.length){
                                viewModel.worker_code(this.value);
                                viewModel.get_worker(this.value);
                            }
                        }
                    });
            \$('#workorder_number_input').inputmask(\"9999\",
                    {placeholder:\"-\",
                        oncomplete: function(){
                            if(this.selectionStart == this.value.replaceAll(\"-\",\"\").length){
                                viewModel.workorder_number(this.value);
                                viewModel.get_workorder(this.value);
                            }
                        }
                    });
            /*\$('#worker_code_input').blur(function(){
             if(viewModel.worker() != null && \$('#worker_code_input').val().replaceAll(\"-\",\"\").length < 4)
             viewModel.worker(null);

             });*/
            \$('#worker_code_input').mlKeyboard({'layout': 'just_numbers',
                'active_shift': false,
                'active_caps': false,
                'is_hidden': false,
                'open_speed': 300,
                'close_speed': 100,
                'enabled': false,
                'holder': 'worker-virtual-Keyboard',
                'neutral_char': '-'});
            \$('#workorder_number_input').mlKeyboard({'layout': 'just_numbers',
                'active_shift': false,
                'active_caps': false,
                'is_hidden': false,
                'open_speed': 300,
                'close_speed': 100,
                'enabled': false,
                'holder': 'workorder-virtual-Keyboard',
                'neutral_char': '-'});

            \$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').css('font-size',\$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').height() - 10);
            \$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').css('line-height',\$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').height() + 2 + 'px');
            \$('div#worker-virtual-Keyboard div#mlkeyboard ul li').css('font-size',\$('div#worker-virtual-Keyboard div#mlkeyboard ul li').height() - 10);
            \$('div#worker-virtual-Keyboard div#mlkeyboard ul li').css('line-height',\$('div#worker-virtual-Keyboard div#mlkeyboard ul li').height() + 2 + 'px');

            window.onresize = function(){
                \$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').css('font-size',\$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').height() - 10);
                \$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').css('line-height',\$('div#workorder-virtual-Keyboard div#mlkeyboard ul li').height() + 2 + 'px');
                \$('div#worker-virtual-Keyboard div#mlkeyboard ul li').css('font-size',\$('div#worker-virtual-Keyboard div#mlkeyboard ul li').height() - 10);
                \$('div#worker-virtual-Keyboard div#mlkeyboard ul li').css('line-height',\$('div#worker-virtual-Keyboard div#mlkeyboard ul li').height() + 2 + 'px');
            };

            viewModel.prepare_worker_search();
            viewModel.prepare_workorder_search();
        });

        \$(\"#content-body\").css(\"height\", \"95%\");

        function getURLWorkerByCode(){
            return '";
        // line 92
        echo $this->env->getExtension('routing')->getPath("clockmanager_get_worker_by_code");
        echo "';
        }
        function getURLWorkOrderByNo(){
            return '";
        // line 95
        echo $this->env->getExtension('routing')->getPath("clockmanager_get_workorder_by_number");
        echo "';
        }
        function get_areas_by_level_url(){
            return '";
        // line 98
        echo $this->env->getExtension('routing')->getPath("work_areas_get_areas_by_level");
        echo "';
        }
        function saveClockControllerData(){
            return '";
        // line 101
        echo $this->env->getExtension('routing')->getPath("save_clock_controller_data_manager");
        echo "';
        }

        viewModel.LoadData = ko.dependentObservable(function() {
            viewModel.fill_data_support();
        }, viewModel);

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

    // line 113
    public function block_body($context, array $blocks = array())
    {
        // line 114
        echo "    <div id=\"content-body\">
        <div class=\"col-lg-12 full-height-content\">
            <table class=\"table\" style=\"height: 100%; margin-bottom: 0px;\">
                <tbody>
                <tr>
                    <td class=\"col-lg-12 text-center\"
                        style=\"vertical-align: middle; border: none; height: 95%; padding-bottom: 10px;\">
                        <!--Employees screen-->
                        ";
        // line 122
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/TempScreens/screen0temp.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 122)->display($context);
        // line 123
        echo "                        ";
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/TempScreens/screen1temp.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 123)->display($context);
        // line 124
        echo "                        ";
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/TempScreens/screen2temp.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 124)->display($context);
        // line 125
        echo "                        ";
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/TempScreens/screen3temp.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 125)->display($context);
        // line 126
        echo "                        ";
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/TempScreens/screen4temp.html.twig", "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig", 126)->display($context);
        // line 127
        echo "                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- Message if there's no Work Order entered number -->
        <div class=\"modal fade bs-example-modal-lg\"
             id=\"no-workorder-message\"
             tabindex=\"-1\"
             role=\"dialog\"
             aria-labelledby=\"myModalLabel\"
             aria-hidden=\"true\">
            <div class=\"modal-dialog modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">
                            <span aria-hidden=\"true\">&times;</span>
                            <span class=\"sr-only\">Cancel</span>
                        </button>
                        <h4 class=\"modal-title\">Question???</h4>
                    </div>
                    <div class=\"modal-body\">
                        <div class=\"container-fluid\"
                             style=\"padding: 0px;\">
                            <div style=\"font-size: 18px;\">
                                <p>There's no Work Order with that number...</p>
                                <p>Do you want to create a new one?</p>
                                <p>Click Create to generate a new Work Order or Cancel to close this wizard.</p>
                                <p class=\"text-muted\">No existe la OT con ese #...</p>
                                <p class=\"text-muted\">Desea crear una OT nueva?</p>
                                <p class=\"text-muted\">Oprima Create si desea crear una OT o en Cancel si no.</p>
                            </div>
                        </div>
                    </div>
                    <div class=\"modal-footer\">
                        <button id=\"stock-modal-cancel-button\"
                                type=\"button\"
                                class=\"btn btn-danger\"
                                data-dismiss=\"modal\"
                                data-bind=\"click: cancel_workorder\">
                            Cancel
                        </button>
                        <button id=\"stock-modal-cancel-button\" type=\"button\"
                                class=\"btn btn-primary\" data-dismiss=\"modal\"
                                data-bind=\"click: create_workorder\">
                            Create
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Message -->
        <div class=\"modal fade bs-example-modal-lg\"
             id=\"end-message\"
             tabindex=\"-1\"
             role=\"dialog\"
             aria-labelledby=\"myModalLabel\"
             aria-hidden=\"true\">
            <div class=\"modal-dialog modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">
                            <span aria-hidden=\"true\">&times;</span>
                            <span class=\"sr-only\">Cancel</span>
                        </button>
                        <p class=\"modal-title\"
                           style=\"font-size: 5vmin; font-weight: bold;\">Success!!!</p>
                    </div>
                    <div class=\"modal-body\">
                        <div class=\"container-fluid\"
                             style=\"padding: 0px;\"
                             data-bind=\"with: worker\">
                            <div style=\"font-size: 4vmin;\"
                                 data-bind=\"visible: loops2start().length > 0\">
                                <p>You have closed your current jobs and scheduled new ones.</p>
                                <p>Thanks!!!</p>
                                <p class=\"text-muted\">Usted ha cerrado sus labores actuales y comenzado otras nuevas.</p>
                                <p class=\"text-muted\">Gracias!!!</p>
                            </div>
                            <div style=\"font-size: 4vmin;\"
                                 data-bind=\"visible: loops2start().length == 0\">
                                <p>You have closed your current jobs.</p>
                                <p>Thanks!!!</p>
                                <p class=\"text-muted\">Usted ha cerrado sus labores actuales.</p>
                                <p class=\"text-muted\">Gracias!!!</p>
                            </div>
                        </div>
                    </div>
                    ";
        // line 228
        echo "                </div>
            </div>
        </div>
    </div>
";
    }

    public function getTemplateName()
    {
        return "VGMWOBundle:TimeRecord/TempTimeRecord:TempTimeReecord.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  329 => 228,  239 => 127,  236 => 126,  233 => 125,  230 => 124,  227 => 123,  225 => 122,  215 => 114,  212 => 113,  197 => 101,  191 => 98,  185 => 95,  179 => 92,  110 => 26,  106 => 25,  102 => 24,  98 => 23,  94 => 22,  90 => 21,  86 => 20,  82 => 19,  78 => 18,  74 => 17,  69 => 16,  66 => 15,  60 => 12,  56 => 11,  52 => 10,  48 => 9,  44 => 8,  39 => 6,  33 => 4,  30 => 3,  11 => 1,);
    }
}
