<div>


    @foreach($paketcek as $paket)
        <div class="row mt-2">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
                <h4 class="badge-pill mt-3 mb-3 p-2 text-center">{{$sabitalanlar->paket_secim1}} {{$paket->baslik}} {{$sabitalanlar->paket_secim2}}</h4>
                <div class="row">

                    @php
                        $paket_urunler=\Illuminate\Support\Facades\DB::table('paket_urunler')->where('paket_id',$paket->id)->get();
                    @endphp
                    @foreach($paket_urunler as $urun)
                        <div class="col-sm-6 col-md-6 col-lg-4 col-xs-6">
                            <div style="margin-bottom: 40px" class="pricing-one__single">
                                <div class="pricing-one__inner">
                                    <h3>{{$urun->baslik}}</h3>
                                    <p><span>{{$urun->fiyat}} <b>₺</b></span></p>
                                    <div class="pricing-one__line"></div><!-- /.pricing-one__line -->
                                    {!! $urun->icerik !!}


                                    <div class="cta-one__btn-block mt-3">

                                        <a href="#" wire:click.prevent="addpaket({{$urun->id}},'{{ $urun->baslik }}',{{$urun->fiyat}})" class="thm-btn cta-one__btn">Sepete Ekle</a>
                                        <!-- /.thm-btn cta-one__btn -->
                                    </div>


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

                    @endforeach







                </div>

            </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: 'bottomRight', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter, center
                    timeout: 3000,

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