<template>

   <div v-if="insideModal === false" class="loading">
      <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"></i>
      <span class="sr-only">{{ $t('loading') }}</span>
   </div>

   <div v-if="errorMsg && errorMsg.length > 0" class="alert alert-danger">{{ errorMsg }}</div>

   <h4 class="h3">{{ $t('address_suggestions') }}</h4>

   <div class="flex-table AddressSuggestionList">
      <div class="item-bloc">
         <div class="float-button bottom">
            <div class="box">
               <div class="action">
                  <ul class="record_actions">
                     <li>
                        <button class="btn btn-sm btn-choose">
                           {{ $t('use_this_address') }}
                        </button>
                     </li>
                  </ul>
               </div>
               <ul class="list-content fa-ul">
                  <li>
                     <i class="fa fa-li fa-map-marker"></i>
                     <!--
                     <address-render-box></address-render-box>
                     -->
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>

   <action-buttons v-if="insideModal === false"
      :options="this.options"
      :defaultz="this.defaultz">
      <template v-slot:before>
         <slot name="before"></slot>
      </template>
      <template v-slot:action>
         <slot name="action"></slot>
      </template>
      <template v-slot:after>
         <slot name="after"></slot>
      </template>
   </action-buttons>

</template>

<script>
import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
import ActionButtons from './ActionButtons.vue';

export default {
   name: "SuggestPane",
   components: {
      AddressRenderBox,
      ActionButtons
   },
   props: [
      'context',
      'options',
      'defaultz',
      'flag',
      'entity',
      'errorMsg',
      'insideModal'
   ],
   computed: {},
   methods: {}
}
</script>
