<?php

/* VGMWOBundle:TimeRecord/Screens:screen2.html.twig */
class __TwigTemplate_5b0886a1e5ec0ddff2043d87503d2d8c7d23f9dd2d0f7d7b543f7942471e3095 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_2\"
     class=\"col-lg-12\"
     style=\"height: 100%;\"
     data-bind=\"visible: stage() == 2\">
    <div class=\"col-xs-11\"
         style=\"height: 100%\">
        <div class=\"col-lg-12\"
             style=\"height: 100%;\"
             data-bind=\"foreach: areas\">
            ";
        // line 26
        echo "            <div style=\"display: table; height: 15vh;\"
                 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: children().length > 0 && selected_children_count() > 0 ? name + ' (' + selected_children_count() + ')' : name,
                                    click: click_me\">
                    </div>
                </div>
            </div>
            ";
        // line 56
        echo "        </div>
    </div>
    <div class=\"col-xs-1\"
         style=\"position: relative; padding: 0 0.2%; height: 100%;\">
        <div data-bind=\"click: selected_works_count() > 0 ? next_stage : null,
                                                attr:{class: selected_works_count() > 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_count() > 0 ? clear_selected_areas : null,
                                                attr:{class: selected_works_count() > 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>
    ";
        // line 80
        $this->loadTemplate("@VGMWO/TimeRecord/TempTimeRecord/Modals/categoriesSelection.html.twig", "VGMWOBundle:TimeRecord/Screens:screen2.html.twig", 80)->display($context);
        // line 81
        echo "</div>";
    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  74 => 81,  72 => 80,  46 => 56,  30 => 26,  19 => 1,);
    }
}
