@if(!empty($office->offices))

	@foreach($office->offices as $kk => $sub_office)
	<ul>
	  <li data-jstree='{"icon" : "fas fa-sitemap"}'>
        {{ $sub_office->name }}

        <span class="dropdown">
          <button type="button" class="btn btn-sm dropdown-toggle hide-arrow py-0" data-bs-toggle="dropdown">
            <i data-feather="more-vertical"></i>
          </button>
          <div class="dropdown-menu dropdown-menu-end">
            <a class="dropdown-item" href="{{ route('offices.edit', ['office' => $sub_office->id]) }}" onclick="window.location=this.href">
              <i data-feather="edit-2" class="me-50"></i>
              <span>Edit</span>
            </a>
            <a class="dropdown-item" href="{{ route('offices.destroy', ['office' => $sub_office->id]) }}" onclick="event.preventDefault(); document.getElementById('destroy-form-{{ $sub_office->id }}').submit();">
              <i data-feather="trash" class="me-50"></i>
              <span>Remove</span>
            </a>
            <form method="POST" id="destroy-form-{{ $sub_office->id }}" action="{{ route('offices.destroy', ['office' => $sub_office->id]) }}">
                @csrf
                @method('delete')
            </form>
          </div>
        </span>

        @include('content.admin.offices-child', [ 'office' => $sub_office])
	  </li>
	</ul>
	@endforeach

@endif