<?php

/* @VGMWO/TimeRecord/TempTimeRecord/Modals/categoriesSelection.html.twig */
class __TwigTemplate_b24f4967ae5755807c697cc293d21710ee8d21dc9557cc0bd2ebfecd8e53d797 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 "<!-- ko if: \$root.parent_cat_selected() != null -->
<div class=\"modal bs-example-modal-lg\"
     data-bind=\"with: \$root.parent_cat_selected(),
                attr:{id: \$root.parent_cat_selected().code + '-children'}\"
     tabindex=\"-1\"
     role=\"dialog\"
     aria-labelledby=\"myModalLabel\"
     aria-hidden=\"true\">
    <div class=\"modal-dialog modal-lg\" style=\"width: 95vw;\">
        <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>
                <h2 id=\"stock-data-header\" class=\"modal-title\"
                    data-bind=\"text: name\" style=\"font-weight: bolder; text-decoration: underline;\"></h2>
            </div>
            <div id=\"stockModalPreView\" class=\"modal-body\" style=\"height: 65vh;\">
                <div class=\"container-fluid\"
                     style=\"padding: 0px;\"
                     data-bind=\"foreach: children\">
                    <div style=\"display: table; height: 10vh;\"
                         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>
                </div>
            </div>
            <div class=\"modal-footer\">
                <button id=\"stock-modal-cancel-button\" type=\"button\"
                        class=\"btn btn-warning\" data-dismiss=\"modal\"
                        data-bind=\"visible: parent() != null, click: level_back\">
                    Level back
                </button>
                <button id=\"stock-modal-cancel-button\" type=\"button\"
                        class=\"btn btn-primary\" data-dismiss=\"modal\">
                    Close
                </button>
            </div>
        </div>
    </div>
</div>
<!-- /ko -->";
    }

    public function getTemplateName()
    {
        return "@VGMWO/TimeRecord/TempTimeRecord/Modals/categoriesSelection.html.twig";
    }

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