{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>widgets/custom_dropdown_select.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    <div class=\"highlight\"><pre><span></span><span class=\"c\">{# Adapted from django/forms/widgets/radio.html to use uk-navbar-dropdown #}</span>\n\n<span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">id</span><span class=\"o\">=</span><span class=\"nv\">widget.attrs.id</span> <span class=\"cp\">%}</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"#\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">selected_value_label</span><span class=\"o\">|</span><span class=\"nf\">default_if_none</span><span class=\"o\">:</span><span class=\"nv\">widget.optgroups.0.1.0.label</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-navbar-dropdown\"</span> <span class=\"na\">uk-dropdown</span><span class=\"o\">=</span><span class=\"s\">\"mode: click\"</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">ul</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-nav uk-navbar-dropdown-nav sort-dropdown\"</span><span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">id</span> <span class=\"cp\">%}</span> <span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">id</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">for</span> <span class=\"nv\">group</span><span class=\"o\">,</span> <span class=\"nv\">options</span><span class=\"o\">,</span> <span class=\"nv\">index</span> <span class=\"k\">in</span> <span class=\"nv\">widget.optgroups</span> <span class=\"cp\">%}</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">for</span> <span class=\"nv\">option</span> <span class=\"k\">in</span> <span class=\"nv\">options</span> <span class=\"cp\">%}</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">li</span><span class=\"p\">&gt;</span>\n          <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">option.attrs.id</span> <span class=\"cp\">%}</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">option.attrs.id</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span><span class=\"p\">&gt;</span>\n            <span class=\"c\">{# NOTE: Uses a tiny bit of inline JS to submit the form on change #}</span>\n            <span class=\"p\">&lt;</span><span class=\"nt\">input</span> <span class=\"na\">onclick</span><span class=\"o\">=</span><span class=\"s\">\"this.form.submit()\"</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">option.type</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">option.name</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"na\">value</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">option.value</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"cp\">{%</span> <span class=\"k\">include</span> <span class=\"s2\">\"django/forms/widgets/attrs.html\"</span> <span class=\"k\">with</span> <span class=\"nv\">widget</span><span class=\"o\">=</span><span class=\"nv\">option</span> <span class=\"cp\">%}</span><span class=\"p\">&gt;</span>\n            <span class=\"cp\">{{</span> <span class=\"nv\">option.label</span> <span class=\"cp\">}}</span>\n          <span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;/</span><span class=\"nt\">li</span><span class=\"p\">&gt;</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">endfor</span> <span class=\"cp\">%}</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">endfor</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">ul</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n<span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n</pre></div>\n\n  </div>\n</div>\n"}