@if($address && is_object($address))
<div class="shipping-address border-0" data-id="{{ $address->id }}">
    <div class="address-box p-3 my-3" style="border: 1px solid #cacaca; background: #F5F5F7;">
        <div class="row">

            <div class="col">
                <div class="d-flex align-items-top">                                            ​
                    <i class="fal fa-map-marker-alt" style="font-size: 22px; line-height: 24px;"></i>
                    <div class="ml-3">
                        <h6 class="mb-1" style="font-size: 16px; line-height: 18px;">{{ $address->name ?? '' }}</h6>
                        <p class="mb-0">{{ $address->address ?? '' }}</p>
                        @if(!empty($address->address_2))
                            <p class="mb-0">{{ $address->address_2 }}</p>
                        @endif
                        <p class="mb-0">{{ ($address->city ?? '').', '.($address->state_code ?? '').' '.($address->zip ?? '') }} </p>
                        <p class="mb-0"> {{ $address->country ?? '' }}</p>
                    </div>
                </div>
            </div>
            <div class="col-auto">
                <div class="default-address">
                    @if(($address->is_default ?? 0) == 1)
                        <h6 class="mb-1" style="font-size: 16px; line-height: 18px;">Default</h6>
                    @else
                        <a type="button" href="javascript:void(0)" class="mark_address_default position-relative">Make default</a>
                    @endif
                </div>
                <div class="actions" style="margin-top : 68%">
                    <a href="javascript:void(0)" class="edit_user_address" data-id="{{ $address->id }}">Edit</a> |
                    <a href="javascript:void(0)" class="delete_user_address" data-id="{{ $address->id }}">Delete</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endif