<?php

/* VGMWOBundle:TimeRecord/Screens:screen3.html.twig */
class __TwigTemplate_b95f1472206f98671cbad010519dffbe806e7f74bfa6204627087010608a27e7 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_3\"
     class=\"col-lg-12\"
     style=\"height: 100%;\"
     data-bind=\"visible: stage() == 3\">
    <div class=\"col-xs-11\"
         style=\"height: 100%\">
        <div class=\"col-lg-12\"
             style=\"height: 100%;\"
             data-bind=\"foreach: works\">
            <!-- ko if: \$index() == 0 && index > 0 -->
            <div class=\"selection-button rounded-all next-back-bw-buttons\"
                 style=\"display: table;\"
                 data-bind=\"click: \$root.back_shown_works\">
                <div class=\"full-height full-width\"
                     style=\"display: table;\">
                    <div class=\"full-height full-width\"
                         style=\"display: table-cell;
                                                     vertical-align: middle;
                                                     font-size: 13vmin;
                                                     line-height: 0vmin;\">
                        <span class=\"glyphicon glyphicon-backward\"></span>
                    </div>
                </div>
            </div>
            <!-- /ko -->
            <div class=\"\"
                 style=\"display: table\"
                 data-bind=\"style:{backgroundColor: selected() ? '#d4d8e0' : color},
                                                    attr:{class: selected() ?
                                                          'selection-button rounded-all selected' :
                                                          'selection-button rounded-all'}\">
                <div class=\"full-height full-width\"
                     style=\"display: table\">
                    <div class=\"full-height full-width wordwrap\"
                         style=\"display: table-cell; vertical-align: middle;\"
                         data-bind=\"text: name,
                                                    click: select_me\">
                    </div>
                </div>
            </div>
            <!-- ko if: \$index() == (\$parent.works().length - 1) && index < (\$root.work_options_count - 1) -->
            <div class=\"selection-button rounded-all next-back-bw-buttons\"
                 style=\"display: table;\"
                 data-bind=\"click: \$root.next_shown_works\">
                <div class=\"full-height full-width\"
                     style=\"display: table\">
                    <div class=\"full-height full-width\"
                         style=\"display: table-cell;
                                                         vertical-align: middle;
                                                         font-size: 13vmin;
                                                         line-height: 0vmin;\">
                        <span class=\"glyphicon glyphicon-forward\"></span>
                    </div>
                </div>
            </div>
            <!-- /ko -->
        </div>
    </div>
    <div class=\"col-xs-1\"
         style=\"position: relative; padding: 0 0.2%; height: 100%;\">
        <div data-bind=\"click: selected_works().length > 0 ? next_stage : null,
                                                attr:{class: selected_works().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: selected_works().length > 0 ? clear_selected_works : null,
                                                attr:{class: selected_works().length > 0 ?
                                                    'action-button full-width btn-info-touch rounded-all' :
                                                    'action-button full-width btn-disable-touch rounded-all'}\">
            <span class=\"glyphicon glyphicon-refresh\"></span>
            <div class=\"b-text\">Unselect all</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/Screens:screen3.html.twig";
    }

    public function getDebugInfo()
    {
        return array (  19 => 1,);
    }
}
