<div class="container-fluid py-2 ">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-2 col-xl-2 col-xxl-5">
      <div class="content_area d-flex justify-content-end px-4">
        <?= $contacts->phone1 ?>
      </div>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-2 col-xl-2 col-xxl-5">
      <div class="content_area d-flex justify-content-end px-4">
        <?= $contacts->address1 ?>
      </div>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-2 col-xl-2 col-xxl-5">
      <div class="content_area d-flex justify-content-end px-4">
        <?php foreach ($menus as $menu): ?>
          <?php if ($menu->show_on_top == 1) { ?>
            <a href="<?= $menu->menu_link ?>" class=""><?= $menu->name ?></a>
          <?php } elseif ($menu->has('child_menus') && (!empty($menu->child_menus))) { ?>

            <?php foreach ($menu->child_menus as $sub): ?>
              <?php if ($sub->show_on_top == 1) { ?>
                <a href="<?= $sub->menu_link ?>" class=""><?= $sub->name ?></a>
              <?php } ?>
            <?php endforeach; ?>
            
          <?php } ?>

        <?php endforeach; ?>
      </div>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-2 col-xl-2 col-xxl-5">
      <div class="content_area d-flex justify-content-end px-4">
        <div id="google_translate_element"></div>
      </div>
    </div>

  </div>
</div>

<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
  }
</script>

<script type="text/javascript"
  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>