

  <!-- ======= Hero Section ======= -->
  <section class="bg-map">
  
  <div class="row">
    <div class="col-md-12">
      <div id="map" class="googlemaps"></div>
      <?php
      if (isset($companies_list)) {
        foreach ($companies_list as $row) {
          ?>

          <div id="foodbank-card">
      <div class="card width-card" style=" margin-top: 30px; margin-left: 5px; border-radius: 20px;">
                <div class="card-header" style="background-color:white; cursor: pointer; border-radius:20px; border: none;">
                 <i style="display:none;" class="fa fa-window-close pull-right dismss" aria-hidden="true"></i>
                </div>
                  <div class="card-body">
                    <h4 style="margin-top: -25px; font-weight:500; font-family:'Helvetica Neue',Helvetica, Arial, sans-serif;  font-size:20px; line-height: 24px;"><?php echo $row['fname']?></p>

                   <p style="font-size:13px; color: blue; font-family:'Helvetica Neue',Helvetica, Arial, sans-serif;  margin-top:-20px;"> <span class="fa fa-location-arrow"></span> 4.2 KM away</p>

                    <p class="text-muted" style="font-size: 13px; font-weight:lighter; margin-top: -20px;"><?php echo $row['userAddress']?></p>
                    <div class="moreexpand" style="display:none;">
                      
                    <p style="font-size: 16px; font-family:'Helvetica Neue',Helvetica, Arial, sans-serif; font-weight:200; color:black; line-height: 20px;">The Demand for food banks is higher then ever,but donations have dried up during lockdown</p>

                    <p style="font-size: 16px; font-weight:200; color:black;">We Appreciate all donations</p>
                    <p class="text-muted" style="font-size: 12px;"><span style="font-size: 14px;" class="fa fa-info-circle"></span>&nbsp;Check website or Call for opening times.</p>

                    <h6 style="font-size:13px; font-weight:bold;">Needed Food Items:</h6>
                    
                    <p class="food-items-list">Fruit Juice (UHT/long-life Only)</p>
                    <p class="food-items-list">Tinned Meat</p>
                    <p class="food-items-list">Rice Pudding</p>
                    <p class="food-items-list">Tinned Fruit</p>
                    <p class="food-items-list">Milk (UHT/Carton)</p>
                    
                    </div>
                    <a id="more" href="#" style="color:#fc6f03; font-size: 12px; font-weight:bold; margin-top: 0px;" class="pull-right">More info  >></a><span class="pull-right">&nbsp;</span>

                    <a href="<?php echo base_url()?>chatapp/chat.php?user_id=<?php echo $row['unique_id']?>" style=" background-color:#fc6f03; border:none; border-radius: 30px; width:8rem; color:white; text-align: center; font-size:15px;" class="pull-right"><i class="fa fa-comments"></i> Chat</a>
            </div>
          </div>
          </div>


          <?php
        }
      }
      ?>
      



    </div>
  </div>

            
          
          
  </section><!-- End Hero -->

