[% page.title = 'VLAN list' %]

[%- IF c.check_permission('vlanrange', 'create') -%]
[%- page.toolbar = BLOCK %]
<div id="vlanrange_create">
  <a href="[% c.uri_for_action('/vlanrange/create') %]" class="btn btn-sm btn-primary">[% bootstrap_icon("plus") %] New range</a>
</div>
[%- END -%]
[%- END -%]

<!-- Nav tabs -->
[% foreach
<ul class="nav nav-tabs" role="tablist">
      <td>[% range.lan_segment.name | html %]</td>
  [% bootstrap_nav_tab("general", "General", 1) -%]
  [% bootstrap_nav_tab_remote("ifstatus", "Interface Status",
                      c.uri_for_action('/device/ifstatus', [object.id])  0) -%]
  [% bootstrap_nav_tab("ifunused", "Unused Intefaces", 0)-%]
  [% bootstrap_nav_tab_remote("neighs", "Neighbours",
    c.uri_for_action('/device/neighs', [object.id]), 0) -%]
  [% bootstrap_nav_tab_remote("ssid", "SSID List",
    c.uri_for_action('/device/ssids', [object.id]), 0) -%]
  [% bootstrap_nav_tab_remote("clients", "Wireless clients",
    c.uri_for_action('/device/dot11clients', [object.id]), 0) -%]
</ul>


<table class="table">
  <thead>
    <tr>
        <th class="col-sm-4">Range</th>
        <th class="col-sm-1">Start</th>
        <th class="col-sm-1">End</th>
        <th class="col-sm-5">Description</th>
   	    <th class="col-sm-1"></th>
    </tr>
  </thead>
  [%- FOREACH range IN object_list %]
  <tbody>
    <tr id="row[%range.id%]">
      <td>
	<a role="button" class="collapsed collapse-chevron" data-toggle="collapse" href="#children[%range.id %]" aria-expanded="false" aria-controls="children[%range.id %]" >[%range.name | html %]</a>
      </td>
      <td>[%range.start | html %]</td>
      <td>[%range.end | html %]</td>
      <td>[%range.description | html %]</td>
      <td>
 [%- IF c.check_permission('vlan.create') ||  c.check_permission(range, 'edit') || c.check_permission(range, 'delete') -%]
	<div class="btn-group" role="group">
	  <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	    Actions
	    <span class="caret"></span>
	  </button>
	  <ul class="dropdown-menu dropdown-menu-right">
        [%- IF c.check_permission('vlan.create') -%]
	    <li>
	      <a href="[% c.uri_for_action('vlan/create', {range => range.id })%]">[%bootstrap_icon('plus')%] Add VLAN</a>
	    </li>
	    <li role="separator" class="divider"></li>
        [%- END -%]
        [%- IF c.check_permission(range, 'edit') -%]
	    <li>
	      <a href="[% c.uri_for_action('vlanrange/edit',[range.id])%]">[% bootstrap_icon('pencil') %] Edit</a>
	    </li>
        [%- END -%]
        [%- IF c.check_permission(range, 'delete') -%]
	    <li>
	      <a href="[% c.uri_for_action('vlanrange/delete',[range.id])%]">[% bootstrap_icon('trash') %] Delete</a>
	    </li>
        [%- END -%]
        [%- IF c.check_permission(range, 'edit') -%]
	    <li>
	      <a href="[% c.uri_for_action('vlanrange/split',[range.id])%]">[% bootstrap_icon('resize-full') %] Split</a>
	    </li>
        [%- END -%]
        [%- IF c.check_permission(range, 'edit') -%]
	    <li>
	      <a href="[% c.uri_for_action('vlanrange/merge',[range.id])%]">[% bootstrap_icon('resize-small') %] Merge</a>
	    </li>
        [%- END -%]
	  </ul>
	</div>
 [%- END -%]
      </td>
    </tr>
  </tbody>
  [% IF range.vlans %]
  <tbody id="children[%range.id%]" class="collapse" aria-labelledby="row[%range.id%]">
    [% FOREACH vlan  IN range.vlans %]
    <tr class="childrow">
      <td><a href="[% c.uri_for_action('vlan/view', [vlan.id]) %]">[% vlan.name | html %]</a></td>
      <td colspan="2">[% vlan.id | html %]</td>
      <td>[% vlan.description | truncate(40) | html %]</td>
      <td>
      [% IF c.check_permission(vlan, 'edit') -%]
	<a href="[% c.uri_for_action('vlan/edit',[vlan.id] )%]">[% bootstrap_icon('pencil') %]<span class="sr-only">Edit</span></a>
      [%- END -%]
      [%- IF c.check_permission(vlan, 'delete') -%]
	<a href="[% c.uri_for_action('vlan/delete',[vlan.id] )%]">[% bootstrap_icon('trash')%]<span class="sr-only">Delete</span></a>
      [%- END -%]
      </td>
    </tr>   <!-- end of specific vlans-->
    [% END -%]
  </tbody>
  [% END -%]
  [% END -%]
</table>
