@php
    $total_product = count($products);
@endphp

@if($total_product == 1)
  <table style="width: 100%;">
    <tr>
      <td>
        <img
          src="{{ $products[0]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 350px; max-width: 380px;"
        />
      </td>
    </tr>
  </table>
@endif

@if($total_product == 2)
  <table style="width: 100%;">
    <tr>
      <td>
        <img
          src="{{ $products[0]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 350px; max-width: 190px;"
        />
      </td>
      <td>
        <img
          src="{{ $products[1]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 350px; max-width: 190px;"
        />
      </td>
    </tr>
  </table>
@endif

@if($total_product == 3)
  <table style="width: 100%;">
    <tr>
      <td rowspan="2">
        <img
          src="{{ $products[0]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 350px; max-width: 190px;"
        />
      </td>
      <td>
        <img
          src="{{ $products[1]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 175px; max-width: 95px;"
        />
      </td>
    </tr>
    <tr>
      <td>
        <img
          src="{{ $products[2]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 175px; max-width: 95px;"
        />
      </td>
    </tr>
  </table>
@endif

@if($total_product > 3)
  <table style="width: 100%;">
    <tr>
      <td rowspan="3">
        <img
          src="{{ $products[0]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 350px; max-width: 190px;"
        />
      </td>
      <td>
        <img
          src="{{ $products[1]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 116.6px; max-width: 63.3px;"
        />
      </td>
    </tr>
    <tr>
      <td>
        <img
          src="{{ $products[2]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 116.6px; max-width: 63.3px;"
        />
      </td>
    </tr>
    <tr>
      <td>
        <img
          src="{{ $products[3]['image'] }}"
          alt="brand_slug"
          style="width: auto; max-height: 116.6px; max-width: 63.3px;"
        />
      </td>
    </tr>
  </table>
@endif