<turbo-stream action="replace" target="tree-browser-container"><template>
  <div
  id="tree-browser-container"
  class="tree-data-browser border fixed inset-24 rounded-sm z-50 bg-white shadow-2xl p-8 overflow-y-auto"
  data-controller="toggle"
  data-toggle-target="toggleContainer"
  data-toggle-hide-content-value="false"
  data-action="click@window->toggle#toggleClickOutSide"
>
  <div class="flex justify-between">
    <div class="leading-tight flex items-center flex-1">
      <h1 class="inline-block mr-2 whitespace-nowrap">
        CPVs <span class="text-gray-300">/</span>
      </h1>
      <div class="w-full" data-controller="refresh-form">
        <form data-refresh-form-target="form" action="/cpv/browser" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="03DwD6R8Un4FOOxK441bi2FUpgjgqMTWgltXOeHTNPl8MWPFa6vvlZTsp5RWajvg1hQgN7oJ1mH6Pjh8MV40lw" />
          <div data-controller="remote-select">
            <select name="cpv_id" id="cpv_id" class="form-input mt-1 block w-full mr-8 max-w-2xl" style="width: 100%; margin-bottom: .75rem;" data-action="change-&gt;refresh-form#refresh" data-remote-select-target="selectField" data-filter="" data-url="/cpv"><option selected="selected" value="90712500">90712500 - Creación o planificación de instituciones medioambientales</option></select>
          </div>
</form>      </div>
    </div>

    <button
      data-action="click->toggle#toggle"
      data-toggle-target="button"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="toggle-tree-data-browser inline text-blue w-6 transition-transform hover:cursor-pointer">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd"></path>
</svg>
    </button>
  </div>

  <div class="text-sm my-8">
      <div class="items-list-container">
        <table id="tree-browser-table" class="items-list">
          <tr>
            <th class="text-left">CPV</th>
            <th># Licitaciones</th>
            <th># Adjudicaciones</th>
            <th>€ Adjudicado</th>
          </tr>

            <tr class="">
    <td>
      <div class="">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90000000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          <a data-turbo-stream="true" href="/cpv/browser?cpv_id=90000000">90000000 – Servicios de alcantarillado, basura, limpieza y medio ambiente</a>

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90000000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">2109</td>
    <td class="field-type-number">4028</td>
    <td class="field-type-number">1749,72M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-2 tree-browser-with-children">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90700000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          <a data-turbo-stream="true" href="/cpv/browser?cpv_id=90700000">90700000 – Servicios medioambientales</a>

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90700000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">1334</td>
    <td class="field-type-number">3116</td>
    <td class="field-type-number">834,71M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-3 tree-browser-with-children">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90710000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          <a data-turbo-stream="true" href="/cpv/browser?cpv_id=90710000">90710000 – Gestión medioambiental</a>

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90710000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">337</td>
    <td class="field-type-number">669</td>
    <td class="field-type-number">89,87M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-4 tree-browser-with-children">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          <a data-turbo-stream="true" href="/cpv/browser?cpv_id=90712000">90712000 – Planificación medioambiental</a>

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712000"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">178</td>
    <td class="field-type-number">260</td>
    <td class="field-type-number">13,26M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-5">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          90712400 – Servicios de planificación de la estrategia de gestión o conservación de recursos naturales

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">209</td>
    <td class="field-type-number">434</td>
    <td class="field-type-number">19,62M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-5">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712100"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          90712100 – Planificación del desarrollo medioambiental urbano

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712100"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">98</td>
    <td class="field-type-number">124</td>
    <td class="field-type-number">5,44M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-5">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          90712200 – Planificación de la estrategia de conservación forestal

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">45</td>
    <td class="field-type-number">88</td>
    <td class="field-type-number">5,73M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-5">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712300"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          90712300 – Planificación de la estrategia de conservación marítima

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712300"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">7</td>
    <td class="field-type-number">11</td>
    <td class="field-type-number">1,3M €</td>
  </tr>
  <tr class="row-highlighted">
    <td>
      <div class="tree-browser-level-5">
        <a class="inline-block mr-2 opacity-50 hover:opacity-100" aria-label="Añadir a la búsqueda" data-microtip-position="top" role="tooltip" href="/explorador/busqueda?search%5Bcpv_ids%5D%5B%5D=90712500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path>
</svg></a>

          90712500 – Creación o planificación de instituciones medioambientales

        <a class="inline-block mx-3 opacity-50 hover:opacity-100" aria-label="Ver página del CPV" role="tooltip" data-turbo="false" data-microtip-position="top" href="/cpv/90712500"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 inline-block align-middle text-blue flex-none">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></a>
        </div>
      </td>
    <td class="field-type-number">7</td>
    <td class="field-type-number">12</td>
    <td class="field-type-number">368.211,44 €</td>
  </tr>


        </table>
      </div>
  </div>
</div>

</template></turbo-stream>