<?php

/* VGMWOBundle:WorkArea:index.html.twig */
class __TwigTemplate_60cf67c241a2b79ada9b4e5b97383de91a8d55ff5ae7130f18180be86d6721ad extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        // line 1
        $this->parent = $this->loadTemplate("VGMWOBundle::layout.html.twig", "VGMWOBundle:WorkArea:index.html.twig", 1);
        $this->blocks = array(
            'stylesheets' => array($this, 'block_stylesheets'),
            'content' => array($this, 'block_content'),
            'javascripts' => array($this, 'block_javascripts'),
        );
    }

    protected function doGetParent(array $context)
    {
        return "VGMWOBundle::layout.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        $this->parent->display($context, array_merge($this->blocks, $blocks));
    }

    // line 2
    public function block_stylesheets($context, array $blocks = array())
    {
        // line 3
        echo "    ";
        $this->displayParentBlock("stylesheets", $context, $blocks);
        echo "
    <link href=\"";
        // line 4
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/bootstrap.min.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 5
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/bootstrap-theme.min.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 6
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/vgm_styles.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 7
        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 8
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/jquery-ui.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <link href=\"";
        // line 9
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/css/dataTables.jqueryui.css"), "html", null, true);
        echo "\" rel=\"stylesheet\" media=\"screen\">
    <style>
        .jumbotron {display:none;}
    </style>
";
    }

    // line 14
    public function block_content($context, array $blocks = array())
    {
        // line 15
        echo "    <div class=\"container\" style=\"min-height: 500px; margin-top: 1.5vmin;\">
        <div style=\"margin-bottom: 10px;\">
            <a href=\"#\" data-bind=\"click: add_area\">
                Add Area
                <span class=\"glyphicon glyphicon-plus\"></span>
            </a>
        </div>
        <div class=\"panel-group\" id=\"active_accordion\"
             data-bind=\"foreach: areas\">
            <div class=\"panel panel-default\">
                <div class=\"panel-heading container-fluid\"
                     style=\"cursor: pointer;\">
                    <!-- ko if: editable() -->
                        <div style=\"text-decoration: underline; font-size: 2vmin;\"
                             class=\"col-lg-3\">
                            <input class=\"form-control for-desktop\" data-bind=\"value: name\">
                        </div>
                    <!-- /ko -->
                    <!-- ko if: !editable() -->
                        <div style=\"text-decoration: underline; font-size: 2vmin;\"
                             data-bind=\"text: name\">
                        </div>
                    <!-- /ko -->
                    <a data-toggle=\"collapse\" data-parent=\"#accordion\"
                       data-bind=\"attr:{href: '#area_' + id}, click: collapse\"
                       class=\"pull-right\">
                        <span data-bind=\"attr:{class: !collapsed() ? 'glyphicon glyphicon-chevron-down'
                                                : 'glyphicon glyphicon-chevron-up'}\"></span>
                    </a>
                </div>
                <div data-bind=\"attr:{id: 'area_' + id},
                    attr:{class: !collapsed() ? 'panel-collapse collapse' : 'panel-collapse collapse in'}\">
                    <div class=\"panel-body\">
                        <div class=\"col-lg-12\">
                            <a href=\"#\" data-bind=\"click: add_work\" class=\"pull-right\">
                                Add work
                                <span class=\"glyphicon glyphicon-plus\"></span>
                            </a>
                        </div>
                        <div class=\"table-responsive col-lg-12\"
                             style=\"padding-left: 0px; padding-right: 0px;\">
                            <table class=\"table table-striped table-hover display\"
                                   cellspacing=\"0\"
                                   id=\"workorders-list\">
                                <thead>
                                    <tr>
                                        <!-- Code column -->
                                        <th class=\"col-xs-1\">Code</th>
                                        <!-- Work column -->
                                        <th class=\"col-md-10\">Work</th>
                                        <!-- Activation column -->
                                        <th class=\"col-md-1\">Status</th>
                                    </tr>
                                </thead>
                                <tbody data-bind=\"foreach: works\">
                                    <tr class=\"locked\">
                                        <td>
                                            <div data-bind=\"text: code\"></div>
                                        </td>
                                        <td>
                                            <div data-bind=\"text: name\"></div>
                                        </td>
                                        <td>
                                            action
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
";
    }

    // line 90
    public function block_javascripts($context, array $blocks = array())
    {
        // line 91
        echo "    ";
        $this->displayParentBlock("javascripts", $context, $blocks);
        echo "
    <script type=\"text/javascript\" src=\"";
        // line 92
        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 93
        echo twig_escape_filter($this->env, $this->env->getExtension('assets')->getAssetUrl("bundles/vgmwo/js/customized/Areas/Areas.js"), "html", null, true);
        echo "\"></script>
    <script type=\"text/javascript\">
        \$(document).ready(function() {
            viewModel.get_areas();
            loadPageFeatures();
        });
        function getURLGETAreas(){
            var url = \"";
        // line 100
        echo $this->env->getExtension('routing')->getPath("work_areas_get_areas");
        echo "\";
            return url;
        }
        // Activates knockout.js
        ko.applyBindings(viewModel, document.getElementById(\"content-body\"));
    </script>
";
    }

    public function getTemplateName()
    {
        return "VGMWOBundle:WorkArea:index.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  170 => 100,  160 => 93,  156 => 92,  151 => 91,  148 => 90,  70 => 15,  67 => 14,  58 => 9,  54 => 8,  50 => 7,  46 => 6,  42 => 5,  38 => 4,  33 => 3,  30 => 2,  11 => 1,);
    }
}
