@extends('layoutsutama.master3')
@section('content')
        <!-- dari sini -->

       
<section class="py-24 bg-white">
    <div class="mx-auto max-w-6xl w-full px-4">
        <div class="flex justify-center w-full">
            <div class="flex w-1/2 gap-6">
                <!-- Gambar Card (70%) -->
                <div class="w-[70%] bg-white rounded shadow-lg overflow-hidden">
                    <img src="{{ asset('assets/images/category/WEB5K.webp') }}" alt="Event Image" class="w-full h-auto object-cover">
                </div>

                <!-- List Cart (30%) -->
                <div class="w-[30%] bg-white rounded shadow-lg p-5">
                    <h5 class="mb-4 text-base font-semibold">List Cart</h5>

                    <!-- Item Cart -->
                    <div class="flex justify-between items-start mb-3">
                        <div>
                            <p class="font-bold leading-5">5K NORMAL<br>LOCAL</p>
                            <p class="text-slate-500">Rp 300.000 x 7</p>
                        </div>
                        <div class="text-right">
                            <button class="text-red-500 text-sm mb-1">Cancel</button>
                            <p class="font-semibold text-base">Rp 2.100.000</p>
                        </div>
                    </div>

                    <hr class="my-3">

                    <div class="flex justify-between mb-1">
                        <p class="font-semibold">Sub Total</p>
                        <p class="font-semibold">Rp 2.100.000</p>
                    </div>

                    <div class="flex justify-between mb-1">
                        <p>Discount</p>
                        <p>Rp 0</p>
                    </div>

                    <div class="flex justify-between mt-3 mb-5">
                        <p class="font-semibold">Grand Total</p>
                        <p class="font-semibold">Rp 2.100.000</p>
                    </div>

                    <button class="w-full bg-red-500 hover:bg-blue-600 text-white font-semibold py-2 rounded">
                        Checkout
                    </button>
                </div>
            </div>
        </div>
    </div>
</section>


@if(session('error'))
<script>
    toastr.error('NIK Sudah Terdaftar', 'Error');
</script>
        @endif
@endsection