<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="2C8cZizuDvGIFfgdmCSN_ayY_4OQ3NWdS7bO0KmAsh8mYkpzqa89t62oO75l8k7o2efAS29gs7TO5yYsNMAX7g" />
          <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="50331000">50331000 - Servicios de reparación y mantenimiento de líneas de telecomunicación</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=50000000"><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=50000000">50000000 – Servicios de reparación y mantenimiento</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/50000000"><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">12984</td>
    <td class="field-type-number">100780</td>
    <td class="field-type-number">5507,13M €</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=50300000"><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=50300000">50300000 – Servicios de reparación, mantenimiento y servicios asociados relacionados con ordenadores personales, equipo de oficina, telecomunicaciones y equipo audiovisual</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/50300000"><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">1902</td>
    <td class="field-type-number">4020</td>
    <td class="field-type-number">773,82M €</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=50330000"><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=50330000">50330000 – Servicios de mantenimiento de equipo de telecomunicación</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/50330000"><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">1231</td>
    <td class="field-type-number">1950</td>
    <td class="field-type-number">2200,54M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-4">
        <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=50332000"><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>

          50332000 – Servicios de mantenimiento de infraestructura de telecomunicaciones

        <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/50332000"><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">1024</td>
    <td class="field-type-number">1979</td>
    <td class="field-type-number">787,96M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-4">
        <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=50333000"><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=50333000">50333000 – Servicios de mantenimiento de equipo de radiocomunicaciones</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/50333000"><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">360</td>
    <td class="field-type-number">534</td>
    <td class="field-type-number">133,62M €</td>
  </tr>
  <tr class="row-highlighted">
    <td>
      <div class="tree-browser-level-4">
        <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=50331000"><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>

          50331000 – Servicios de reparación y mantenimiento de líneas de telecomunicación

        <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/50331000"><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">175</td>
    <td class="field-type-number">374</td>
    <td class="field-type-number">132,25M €</td>
  </tr>
  <tr class="">
    <td>
      <div class="tree-browser-level-4">
        <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=50334000"><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=50334000">50334000 – Servicios de reparación y mantenimiento de equipos de telefonía por hilo y telegrafía por hilo</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/50334000"><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">22</td>
    <td class="field-type-number">46</td>
    <td class="field-type-number">3,56M €</td>
  </tr>


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

</template></turbo-stream>