<?php

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

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "<div id=\"screen_1\"
     class=\"col-lg-12\"
     data-bind=\"visible: stage() == 1\"
     style=\"height: 100%;\">
    <div class=\"col-xs-5\" style=\"height: 99.9%;\">
        <div class=\"col-lg-12 table-responsive\" style=\"height: 60%;\">
            <img class=\"img img-work-order\"
                 data-bind=\"attr:{src: workorder() != null ? workorder().picture != null ?
                                        workorder().picture : '";
        // line 9
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/images/unknown-wo.png"), "html", null, true);
        echo "' :
                                        '";
        // line 10
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/images/unknown-wo.png"), "html", null, true);
        echo "'}\"/>

            <table class=\"table table-striped table-hover\" style=\"margin: 10px 10px; font-size: 2.25vh;\">
                <tbody data-bind=\"with: workorder\">
                <tr>
                    <td class=\"col-xs-2\" style=\"text-align: right\">
                        <strong>Supervisor:</strong></td>
                    <td data-bind=\"text: supervisor\" class=\"col-xs-9\"
                        style=\"text-align: left\"/>
                </tr>
                <tr>
                    <td class=\"col-xs-2\" style=\"text-align: right\">
                        <strong>Equipment:</strong></td>
                    <td data-bind=\"text: equipment\"
                        style=\"text-align: left\"/>
                </tr>
                <tr>
                    <td class=\"col-xs-2\" style=\"text-align: right\">
                        <strong>Client:</strong></td>
                    <td data-bind=\"text: client\"
                        style=\"text-align: left\"/>
                </tr>
                <tr>
                    <td class=\"col-xs-2\" style=\"text-align: right\">
                        <strong>Work Type:</strong></td>
                    <td data-bind=\"text: worktype\"
                        style=\"text-align: left\"/>
                </tr>
                </tbody>
            </table>
        </div>
        <div class=\"col-lg-12\"
             style=\"height: 40%;\">
            <div class=\"col-xs-2 full-height\" style=\"display: table;\">
                <div class=\"full-height\"
                     style=\"display: table-cell; vertical-align: middle; cursor: pointer;\"
                     data-bind=\"click: can_go_back ? back_shown_workorders : null\">
                                            <span class=\"glyphicon glyphicon-chevron-left\"
                                                  style=\"font-size: 5vw;\"
                                                  data-bind=\"visible: can_go_back\"></span>
                </div>
            </div>
            <div class=\"col-lg-8\"
                 style=\"height: 100%;\"
                 data-bind=\"foreach: shown_workorders\">
                <div class=\"col-lg-3 btn-neutral-touch\"
                     style=\"height: 99.99%; padding: 0px 1px;\"
                     data-bind=\"click: select_me\">
                    <div class=\"rounded-top\"
                         style=\"height: 80%;
                                                        border: #ccc 1px solid; cursor: pointer;\">
                        <div style=\"font-size: 2vmin; font-weight: bold;\"
                             data-bind=\"text: number\"></div>
                        <div>
                            <img class=\"workorders-list-item-img\"
                                 data-bind=\"attr:{src: picture != null ? picture :
                                                                   '";
        // line 66
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/images/unknown-wo.png"), "html", null, true);
        echo "'}\"/>
                        </div>
                        <div data-bind=\"foreach: selected_stocks\"
                             style=\"font-size: 2vmin;\">
                            <div data-bind=\"attr:{class: \$parent.selected_stocks().length < 12 ?
                                                                        'col-xs-6' : 'col-xs-4'},
                                                                    text: number\"></div>
                        </div>
                    </div>
                    <div class=\"action-button
                                                        btn-danger-touch
                                                        delete-from-workorder-list
                                                        full-width
                                                        rounded-bottom\"
                         style=\"height: 20%;\"
                         data-bind=\"click: remove_me\">
                        <span class=\"glyphicon glyphicon-trash\"></span>
                    </div>
                </div>
            </div>
            <div class=\"col-xs-2 full-height\" style=\"display: table;\">
                <div class=\"full-height\"
                     style=\"display: table-cell; vertical-align: middle; cursor: pointer;\"
                     data-bind=\"click: can_go_next ? next_shown_workorders : null\">
                                            <span class=\"glyphicon glyphicon-chevron-right\"
                                                  style=\"font-size: 5vw;\"
                                                  data-bind=\"visible: can_go_next\"></span>
                </div>
            </div>
        </div>
    </div>
    <div class=\"col-xs-6 full-height\">
        <div class=\"col-xs-12\" style=\"height: 100%;\"
             data-bind=\"visible: workorder() == null\">
            <div class=\"col-lg-12\" style=\"display: table; border-bottom: 0; height: 50%;\">
                <div style=\"display: table-cell; vertical-align: middle;\">
                    <p>
                        <strong class=\"sign\">Work Order number (</strong>
                        <strong class=\"text-muted sign\">OT</strong>
                        <strong class=\"sign\">)</strong>
                    </p>
                    <input id=\"workorder_number_input\"
                           class=\"center-input\"
                           data-bind=\"value: workorder_number,
                                                              text: workorder_number\">
                </div>
            </div>
            <div class=\"col-lg-12\"
                 id=\"workorder-virtual-Keyboard\"
                 style=\"height: 50%;\"
                 data-bind=\"visible: workorder() == null\"></div>
        </div>
        <div class=\"col-lg-12\"
             style=\"height: 100%;\"
             data-bind=\"visible: workorder() != null,
                                                with: workorder\">
            <div class=\"col-xs-12\"
                 data-bind=\"foreach: stocks\"
                 style=\"height: 100%;\">
                <div id=\"stock-box\"
                     style=\"padding: 1%;\"
                     data-bind=\"attr:{class: my_class},
                                             style:{textDecoration: selected() ? 'underline' : ''},
                                             click: select_me\">
                    <div data-bind=\"text: \$parent.number + '-' + number\" style=\"display: inline\"></div>
                    <!--<span class=\"glyphicon glyphicon-ok\"
                          data-bind=\"visible: selected\"></span>
                    <div class=\"b-text\"
                         data-bind=\"text: \$parent.number\"></div>-->
                </div>
            </div>
        </div>
    </div>
    <div class=\"col-xs-1\"
         style=\"position: relative; padding: 0 0.2%; height: 100%;\">
        <div data-bind=\"click: workorder() != null || workorders().length > 0 ?
                                                       next_stage : null,
                                                attr:{class: workorder() != null || workorders().length > 0 ?
                                                    'action-button full-width btn-success-touch rounded-all' :
                                                    'action-button full-width btn-disable-touch rounded-all'}\">
            <span class=\"glyphicon glyphicon-ok\"></span>
            <div class=\"b-text\">Go</div>
        </div>
        <div data-bind=\"click: workorder() != null ? workorder().add_me : null,
                                                attr:{class: workorder() != null ?
                                                    'action-button full-width btn-primary-touch rounded-all' :
                                                    'action-button full-width btn-disable-touch rounded-all'}\">
            <span class=\"glyphicon glyphicon-plus\"></span>
            <div class=\"b-text\">Add</div>
        </div>
        <div data-bind=\"click: workorder() != null ? new_workorder_search : null,
                                                attr:{class: workorder() != null ?
                                                    'action-button full-width btn-info-touch rounded-all' :
                                                    'action-button full-width btn-disable-touch rounded-all'}\">
            <span class=\"glyphicon glyphicon-search\"></span>
            <div class=\"b-text\">New search</div>
        </div>
        <div class=\"action-button full-width btn-danger-touch rounded-all\"
             data-bind=\"click: cancel_all\">
            <span class=\"glyphicon glyphicon-remove\"></span>
            <div class=\"b-text\">Cancel</div>
        </div>
    </div>
</div>";
    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  92 => 66,  33 => 10,  29 => 9,  19 => 1,);
    }
}
