<div class="d-flex justify-content-center">
    <div class="border border-end-0 p-2" style="border-top-left-radius:6px;border-bottom-left-radius:6px;">
        <div class="text-center">
            <span class="fw-bold"><?php echo date('g:i a', $weather['time']); ?></span>
            <br>
            <img src="<?php echo URL_ASSETS; ?>/images/weather/<?php echo $weather['icon']; ?>@2x.png" width="100px;">
            <br>
            <span><?php echo round($weather['temp']); ?>&deg;F</span>
            <br>
            <span class="small text-muted"><?php echo $weather['description']; ?></span>
        </div>
    </div>
    <ul class="list-group" style="border-top-left-radius:0px;border-bottom-left-radius:0px;">
        <li class="list-group-item d-flex justify-content-center">
            <span class="fw-bold"><?php echo date('F j, Y', $weather['time']); ?></span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span class="small text-muted me-2">
                City:
            </span>
            <?php echo $project['city']; ?>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span class="small text-muted me-2">
                State:
            </span>
            <?php echo COMPANY_STATE; ?>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span class="small text-muted me-2">
                Lat:
            </span>
            <?php echo $weather['lat']; ?>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span class="small text-muted me-2">
                Lon:
            </span>
            <?php echo $weather['lon']; ?>
        </li>
    </ul>
</div>