

<div>
    @foreach($geneleklentiler as $eklenti)
        <div class="row">
            <div class="col-md-10 mx-auto mt-3">
                <div style="padding:10px 10px;border: 1px solid #e1e1e7" class="service-one__single mt-2">
                    <div class="row">
                        <div class="col-md-8">
                            <h3 style="font-size: 20px;margin-top: 5px;margin-bottom: 10px">{{$eklenti->baslik}}</h3>
                            <p style="font-size: 14px;line-height: 20px;text-align: left">{{$eklenti->icerik}}</p>

                        </div>
                        <div class="col-md-4">
                            <div class="cta-one__btn-block mt-4">
                                <h3 style="margin-bottom: 10px" class="text-center">{{$eklenti->fiyat}}₺</h3>

                                <div style="text-align: left">
                                    <a style="padding: 5px 15px;font-size: 15px" href="#"  wire:click.prevent="addeklentiiki({{$eklenti->id}},'{{ $eklenti->baslik }}',{{$eklenti->fiyat}})" class="thm-btn cta-one__btn">Sepete Ekle</a>
                                    <!-- /.thm-btn cta-one__btn -->
                                </div>




                            </div>
                        </div>
                    </div>

                </div><!-- /.service-one__single -->
            </div>
        </div>

    @endforeach


        @once
            <script>
                window.addEventListener('islembasarili', function(e) {
                    let data = e.detail;
                    let title = data.title;
                    let message = data.message;
                    let type = data.type;

                    iziToast.show({
                        title: title,
                        message: message,
                        color: 'green',
                        position: 'bottomCenter', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter, center
                        timeout: 3000,

                    });
                });
            </script>
        @endonce
</div>
