<?php if (!web_shopping['shopping_category'][$category]['block']['socket']) : ?>
  <div class="flex-c-c gap-10">
    <div class="fieldGroup input-socket">
      <span>Socket (1) <sup>*</sup></span>
      <select name="socket1">
        <option value="255">-- Sem Socket</option>
        <?php foreach (additional['socket'] as $index => $socket) : ?>
          <option value="<?= $index ?>"><?= $socket['name'] ?></option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="fieldGroup input-socket">
      <span>Socket (2) <sup>*</sup></span>
      <select name="socket2">
        <option value="255">-- Sem Socket</option>
        <?php foreach (additional['socket'] as $index => $socket) : ?>
          <option value="<?= $index ?>"><?= $socket['name'] ?></option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="fieldGroup input-socket">
      <span>Socket (3) <sup>*</sup></span>
      <select name="socket3">
        <option value="255">-- Sem Socket</option>
        <?php foreach (additional['socket'] as $index => $socket) : ?>
          <option value="<?= $index ?>"><?= $socket['name'] ?></option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="fieldGroup input-socket">
      <span>Socket (4) <sup>*</sup></span>
      <select name="socket4">
        <option value="255">-- Sem Socket</option>
        <?php foreach (additional['socket'] as $index => $socket) : ?>
          <option value="<?= $index ?>"><?= $socket['name'] ?></option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="fieldGroup input-socket">
      <span>Socket (5) <sup>*</sup></span>
      <select name="socket5">
        <option value="255">-- Sem Socket</option>
        <?php foreach (additional['socket'] as $index => $socket) : ?>
          <option value="<?= $index ?>"><?= $socket['name'] ?></option>
        <?php endforeach; ?>
      </select>
    </div>
  </div>

<?php endif; ?>