
<div class="card shadows h-100 p-1"
     :class=" (response) ? ((synchronized) ? 'border-left-success' : 'border-left-danger') : 'border-left-secondary'">
    <div class="card-body p-1">
        <div class="rows no-gutters align-items-center">
            <div class="row mb-1">
                <div class="col">
                    <h5 class="mb-1 fs-15 text-success" x-text="order?.customer?.full_name ?? '----'"></h5>
                </div>
                <div class="col">
                     <div class="float-right">
                        <small class="fs-9" x-text="order?.config?.date ?? '---'"></small>


                     </div>
                </div>
            </div>
            <div class="row mb-1">
                <div class="col">
                    <p class="mb-1 fs-13 text-muteds">
                        <strong class="text-black">
                           <span class="border-right m-r-2">

                               <span x-text="formatNumber(order.items.length)"></span>
                               <span> x Product(s) </span>
                           </span>
                           <span class="m-r-2">

                               <span x-text="formatNumber(order.allTotal.total.value,currency)"></span>
                           </span>
                        </strong>
                   </p>
                </div>
                <div class="colsp"></div>
            </div>
           <template x-if="synchronizable">
               <div class="row mb-1">
                   <div class="col-auto">
                       <div class="float-left">
                           <strong class="fs-12 badges"  :class="(response) ? ( (synchronized) ? 'bg-greens' : 'bg-reds') : 'badge-secondarys'">

                           <span class="text-underline cursor-pointer"
                                 role="tooltip"


                                 data-toggle="tooltip"
                                 data-placement="top"
                                 data-content="response?.message ?? ''"

                           >
                                 <template x-if="!response">
                                     <span class="fs-11 fa fa-clock-o m-l-5 text-muted"></span>
                                 </template>
                                 <template x-if="response">
                                     <span class="fs-11 fa m-l-5" :class="synchronized ? 'text-green fa-check-circle' : 'text-red fa-ban'"></span>
                                 </template>
                                <span class="fs-11 text-muted" x-text="synchronisation_label"></span>


                           </span>
                           </strong>
                       </div>
                   </div>
                   <div class="col">
                       <div class="float-right">
                           <template x-if="ref_id">
                               <strong class="fs-12 text-green" x-text="ref_id"> </strong>
                           </template>
                       </div>
                   </div>

               </div>
           </template>
            <div class="row mb-1">
                <div class="col">
                    <div class="float-left m-t-5">
                        

                    </div>

                </div>
                <div class="col-auto">
                    <div class="float-right" x-show="count  && order.customer" >
                        <span>
                             <span>
                                <button type="button"
                                        class="btn btn-light btn-sm fs-12"
                                        @click="confirmAction({
                                                    text : '<?php echo e(__('Open this order in cart ?')); ?>',
                                                    preConfirm : ()=> {
                                                        $dispatch('cart.order.opened-from-draft',order);
                                                        $store.draft.remove(order);
                                                    }
                                                })">
                                    <i class="fa fa-eye fs-12"></i>
                                </button>
                             </span>

                            <template x-if="savable">
                                  <button type="button"
                                          class="btn btn-success btn-sm fs-12"
                                          @click="">
                                 <i class="fa fa-send fs-12"></i>
                             </button>
                            </template>





                        </span>





                         <button type="button"
                                 class="btn btn-danger btn-sm fs-12"
                                 @click="$store.draft.remove(order)">
                             <i class="fa fa-trash fs-12"></i>
                         </button>
                     </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /home/lekruu/public_html/resources/views/backend/orders/create/blocs/order/card-show-order.blade.php ENDPATH**/ ?>