@foreach ($data as $key=>$val)
        @php
            $currency = currency($val->currency_id)->code ?? '';
            $primary_currency = currency($val->primary_currency)->code ?? '';
        @endphp
        <div class="col-sm-6 col-xs-12" style="padding: 5px;">
            <div class="card" style="padding:10px 10px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);border-radius: 10px;position: relative;overflow: hidden;">
                <div class="row">
                    <div class="col-md-12">
                        <b>Delivery Date  : </b> 
                        <span>
                            {{$val->delivery_date ? date('Y-m-d',strtotime($val->delivery_date)) : "N/A"}}
                        </span>
                        <div style="float: right;">
                            {!! Fun::iconByStatus($val->delivery_status) !!}
                        </div>
                    </div>
                    <div class="col-md-12">
                        <b>Box Code : </b> <span>
                            {{$val->reference_number??"N/A"}}
                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Customer Name  : </b> <span>
                            {{$val->name??"N/A"}}
                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Customer Contact  : {{$val->contact??"N/A"}}</b> <span>

                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Item Cost  : </b> <span>
                            {{number_format($val->remain>0?$val->remain:0,2).' '.$currency}}
                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Delivery Fee  : </b> <span>
                            {!!Fun::showDeliveryFee($val->delivery_fee,$val->delivery_fee_status)!!} $
                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Location  : </b> <span>
                            {{mb_strimwidth($val->address??"N/A", 0, 50, "...")}}
                        </span>
                    </div>
                    <div class="col-md-12">
                        <b>Remark  : </b> <span>
                            {{$val->note??"N/A"}}
                            </span>
                    </div>
                    <div class="col-xs-12">
                        <div class="row">
                            <div class="col-xs-4">
                                <a href="javascript:;" data-href="{{route('update-box-status',$val->sale_id)}}?status=4" class="btn btn-sm btn-warning getHtmlForm" data-export_id="{{$val->id}}" style="width: 100%">
                                    Delay
                                </a>
                            </div>
                            <div class="col-xs-4">
                                <a href="javascript:;" data-href="{{route('update-box-status',$val->sale_id)}}?status=5" class="btn btn-sm btn-danger getHtmlForm" data-export_id="{{$val->id}}" style="width: 100%">
                                    Cancel
                                </a>
                            </div>
                            <div class="col-xs-4">
                                <a href="javascript:;"  data-href="{{route('update-box-status',$val->sale_id)}}?status=3" class="btn btn-sm btn-success getHtmlForm" data-export_id="{{$val->id}}" style="width: 100%">
                                    Done
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach