{{-- Show save cart tratment List  --}}
<style>
    .cart-list li>a:hover{
        color:#02BC77 !important
    }
</style>
<ul class="treatment-list din web-kit-scroll">
    @forelse ($data as $value)
        <li>
            <p>
                <a href="javascript:void(0)" class="treatmentView" title="{{ in_array($value->package_name ,['auto_save']) ? __('action.save_cart') : ucfirst($value->package_name) }}{{ "^".trans('action.click_here') }}" data-id='{{$value->id}}'>
                    <span class="d-inline">
                        <i class="ion ion-ios-cart d-block "></i>&nbsp;<span class="name{{$value->id}}">{{ in_array($value->package_name ,['auto_save']) ? __('action.save_cart') : ucfirst($value->package_name) }}</span>
                    </span>
                    <span class="d-inline mr-2 date{{$value->id}}"> {{ date_change($value->created_at) }}</span>
                </a>
            </p>
            <div class="treatment-list-icon">
                <a href="javascript:void(0)" class="circle-icon" onclick="addCartToPackage({{$value->id}})"><i class="fas fa-plus-circle primary-color"></i></a>
                <a href="javascript:void(0)" onclick="deletePackage({{$value->id}})"><i class="fas fa-times-circle danger-color"></i></a>
            </div>
        </li>
    @empty
        <li>
            <p>
                <a href="javascript:void(0)">
                    <span class="d-inline">
                        <span class="name text-danger">{{ trans('action.no_records_available') }}</span>
                    </span>
                    <span class="d-inline mr-2 date"></span>
                </a>
            </p>
        </li>
    @endforelse
</ul>

<div class="modal fade viewtreatment" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-top" role="document">
        <div class="modal-content">
            <div class="modal-header bg-info">
                <h5 class="modal-title " id="exampleModalLongTitle"><span id="dateshow"></span> &nbsp;&nbsp;&nbsp;<span id="nameshow"></span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul>
                    <div class="show_cart_contents"></div>

                </ul>
            </div>
            <div class="modal-footer">

                <button type="button" class="btn btn-danger deletePackage" ><i class="ion ion-md-trash">&nbsp;</i>{{__('action.delete')}}</button>
                <button type="button" class="btn btn-warning" data-dismiss="modal" aria-label="Close">{{__('action.close')}}</button>
                <button type="button" class="btn btn-primary addPackageToCart" ><i class="ion ion-md-cart">&nbsp;</i>{{__('action.add_to_cart')}}</button>
            </div>
        </div>
    </div>
</div>
<script>

    $(function ($) {
        $('.treatmentView').on('click', function () {
            let id = $(this).data('id');
            
            $('.show_cart_contents').empty();
            let name = $('.name'+id).text();
            let date = $('.date'+id).text();

            $('#nameshow').text(name);
            $('#dateshow').text(date);

            $('.deletePackage').attr('onClick', 'deletePackage('+id+');');
            $('.addPackageToCart').attr('onClick', 'addCartToPackage('+id+');');

            $.ajax({
                type:'GET',
                url:'{{ url("Sajax/getCartContent") }}'+'/'+id,
                beforeSend: function(){
                    Swal.fire({
                        title: `{{__('action.processing')}}`,
                        imageUrl: "{!! asset('/') !!}"+"ezgif.com-gif-maker.webp",
                        showConfirmButton: false,
                        allowOutsideClick: false,
                        confirm: true,
                        showLoaderOnConfirm: true,
                        width: '300px',
                        height: '180px'
                    })
                },
                dataType:"json",
                success:function(data){
                    if (data.success == true) {
                        Swal.close();
                        $('.viewtreatment').modal('toggle')
                        if(data.contents.length === 0){
                            $('.show_cart_contents').append(
                                `<li>
                                    <p class="text-danger">{{__('action.no_records_available')}}</p>
                                </li>`
                            )
                        }else{
                            $.each(data.contents, function (key, value) {
                                $('.show_cart_contents').append(
                                    `<li>
                                        <i class="fas fa-shopping-cart text-success">&nbsp;&nbsp;</i>${display(value.price)}&nbsp;&nbsp;&nbsp;${value.name}
                                    </li>`
                                )
                            })
                        }
                    }
                },
                error:function(data){
                    console.log(data);
                }

            })
        })
    })
</script>