<!-- <iframe 
    width="100%"
    height="360px"
    frameborder="0" 
    scrolling="no"
    marginheight="0" 
    marginwidth="0" 
    src="https://maps.google.com/maps?q=<?php echo $weather['lat']; ?>,<?php echo $weather['lon']; ?>&z=7&amp;output=embed"
    style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;"
>
</iframe> -->
<iframe 
    width="100%"
    height="480px"
    frameborder="0" 
    scrolling="no"
    marginheight="0" 
    marginwidth="0" 
    src="https://openweathermap.org/weathermap?basemap=map&cities=true&layer=radar&lat=<?php echo $weather['lat']; ?>&lon=<?php echo $weather['lon']; ?>&zoom=7"
    style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;"
>
</iframe>
<div class="hstack gap-4 border text-center overflow-x-scroll p-2" style="border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:-7px;">
    <div class="text-nowrap rounded" style="background-color: var(--bs-tertiary-color);">
        <img src="<?php echo URL_ASSETS; ?>/images/weather/<?php echo $weather['icon']; ?>@2x.png" width="50px;" >
        <br>
        <!-- <small class="text-muted">icon</small> -->
    </div>
    <div class="text-nowrap">
        <?php echo $weather['description']; ?>
        <br>
        <small class="text-muted">summary</small>
    </div>
    <div class="text-nowrap">
        <?php echo $weather['min']; ?>&deg; F</span>
        <br>
        <small class="text-muted">low</small>
    </div>
    <div class="text-nowrap">
        <?php echo $weather['max']; ?>&deg; F</span>
        <br>
        <small class="text-muted">high</small>
    </div>
    <div class="text-nowrap">
        <?php echo round($weather['precipitation'] * 0.03937, 2); ?>"</span>
        <br>
        <small class="text-muted">rain</small>
    </div>
    <div class="text-nowrap">
        <?php echo $project['zip'] ?>
        <br>
        <small class="text-muted">ZIP</small>
    </div>
    <div class="text-nowrap">
        <?php echo $project['city'] ?>
        <br>
        <small class="text-muted">city</small>
    </div>
    <div class="text-nowrap">
        <?php
            $array = explode(' ', $weather['city']);
            array_pop($array);
            $county = implode(' ', $array);
            echo $county;
        ?>
        <br>
        <small class="text-muted">county</small>
    </div>
    <div class="text-nowrap">
        <?php echo $weather['lat']; ?>
        <br>
        <small class="text-muted">latitude</small>
    </div>
    <div class="text-nowrap">
        <?php echo $weather['lon']; ?>
        <br>
        <small class="text-muted">longitude</small>
    </div>
</div>