@extends('layouts.vendor')
@section('content')
<style>
.coupon_management_outer .remove-coupon-btn {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    top: auto;
    right: 10px;
    width: unset;
    height: unset;
    background: #fff;
    color: #5bc0de;
    font-weight: 700;
    padding: 5px 5px;
    border: 1px solid;0
    line-height: 1;
    border-radius: 4px;
}

select#coupon_select{
    border: 1.5px solid #dcdcdc;
    color: #666666;
    background-color: transparent;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.707rem;
    letter-spacing: 0%;
    border-radius: 10px;
    padding: 2rem 1.4rem;
}
.rm-cart-item {
    float: right;
    width: unset;
    height: unset;
    background: #fff;
    color: #5bc0de;
    font-weight: 500;
    padding: 10px 15px;
    border: 1px solid;
    line-height: 1;
    border-radius: 4px;
}
.comm_product_cstom_row {
    justify-content: space-between;
}
.pr-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

</style>
    <main>

        <div class="col-9 main-dash-left">

        <section class="detail-show-all ">
           
                <h3 class="sub_heading_16">Rent Cart</h3>

                <div class="row row-gap-3 rent_cart_page_row">
                    <div class="col-lg-9">
                        @if ($cartItems->isEmpty())
                            <div class="alert alert-info">
                                Your cart is empty. <a href="{{ route('product') }}">Browse products</a> to add items.
                            </div>
                        @else
                        @php
                            $firstItem = $cartItems->first();
                        @endphp
                            <input type="hidden" id="cart_userId" value="{{ $firstItem->user_id }}">
                            @foreach ($cartItems as $item)
                                <div class="comm_border_box_outer mb-4">
                                    <div class="comm_border_box">
                                        <div class="comm_booking_detail_col">
                                            <div class="d-flex comm_product_cstom_row">
                                                <div class="pr-wrap">
                                                <figure class="booking-dt-img">
                                                    <img src="{{ $item->product->images->first() ? asset('storage/' . $item->product->images->where('type','main')->first()->image_path) : asset('frontend/images/placeholder.jpg') }}"
                                                        alt="{{ $item->product_name }}" class="img-fluid" />
                                                </figure>
                                                <div class="booking_cs_detail">
                                                    <h3 class="name" data-product-id="{{ $item->product_id }}">{{ $item->product_name }}</h3>
                                                    <div class="d-flex book_loctn_wrap">
                                                        <i class="fa-solid fa-location-dot"></i>
                                                        <p> {{ $item->vendor_address }}</p>
                                                        <input type="hidden" class="cart-address" value="{{ $item->vendor_address }}">
                                                        <input type="hidden" class="cart-pickup-date" value="{{ \Carbon\Carbon::parse($item->pickup_date)->format('Y-m-d') }}">
                                                        <input type="hidden" class="cart-dropoff-date" value="{{ \Carbon\Carbon::parse($item->dropoff_date)->format('Y-m-d') }}">


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


                                                @if ($item->coupon_code)
                                                {{-- <div class="applied-coupon-badge mt-2">

                                                    Coupon Applied: {{ $item->coupon_code }}
                                                    <button class="btn-remove-coupon" data-id="{{ $item->id }}"
                                                        title="Remove coupon">
                                                        <i class="fas fa-times ms-2"></i>
                                                    </button>

                                                    <div class="coupon-discount-amount text-success small mt-1">
                                                        -{{ number_format($item->discount, 2) }}€ discount
                                                    </div>
                                                </div> --}}




                                                <div class="comm_border_box_outer main-product-vouch" bis_skin_checked="1">

                                                    <div class="d-flex voucher_coupan_row" bis_skin_checked="1">
                                                        <div class="d-flex coupon_management_outer  " bis_skin_checked="1">
                                                            <figure class="coupon_manage_shape">
                                                                <img src="http://49.249.236.30:3131/dachboxmiete-phase-2/public/frontend/images/coup_shape.png"
                                                                alt="" class="img-fluid">
                                                            </figure>
                                                            <figure class="coupon_management_img">
                                                                <img src="http://49.249.236.30:3131/dachboxmiete-phase-2/public/frontend/images/coup-left.png"
                                                                alt="" class="img-fluid">
                                                            </figure>
                                                            <div class="coupon_mange_content">
                                                                
                                                                <h5 class="coupon_txt">
                                                                    Coupon Applied: {{ strtoupper(trim($item->coupon_code, '[]" ')) }}
                                                                </h5>
                                                                
                                                                <h6 class="valid text-success">
                                                                    
                                                                    - {{ number_format($item->discount, 2, ',', '') }} € </h6>
                                                                </div>
                                                                <button class="btn-remove-coupon remove-coupon-btn" data-item_id="{{ $item->id }}"
                                                                    title="Remove coupon">
                                                                   X
                                                                </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif


                                            </div>
                                           
                                            <div class="comm_renting_dt_row_outer">
                                                <div class="comm_renting_dt_row">
                                                    <h3 class="rnt_head">car information:</h3>
                                                    <div class="d-flex comm_detail_list_view comm_renting_dt_list">
                                                        <div class="comm_detail_list_col">
                                                            <h5>Brand: </h5>
                                                            <h6>{{ $item->car_name ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>Model:</h5>
                                                            <h6>{{ $item->model ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>Year:</h5>
                                                            <h6>{{ $item->car_year ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>railing type:</h5>
                                                            <h6>{{ $item->roof_type ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>trailer hitch:</h5>
                                                            <h6>{{ $item->trailer_hitch ? 'Yes' : 'No' }}</h6>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="comm_renting_dt_row">
                                                    <h3 class="rnt_head">renting details:</h3>
                                                    <div class="d-flex comm_detail_list_view comm_renting_dt_list">
                                                        <div class="comm_detail_list_col">
                                                            <h5>from:</h5>
                                                            <h6>{{ \Carbon\Carbon::parse($item->pickup_date)->format('d.m.Y') }}
                                                            </h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>to:</h5>
                                                            <h6>{{ \Carbon\Carbon::parse($item->dropoff_date)->format('d.m.Y') }}
                                                            </h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>pickup date & time:</h5>
                                                            <h6>
                                                                {{ \Carbon\Carbon::parse($item->pickup_date)->format('d.m.Y') }} |
                                                                {!! $item->pickup_time
                                                                    ? \Carbon\Carbon::parse($item->pickup_time)->format('H:i')
                                                                    : '<span style="color: red; font-weight: bold;">Not set</span>' !!}
                                                            </h6>
                                                        </div>
                                                        
                                                        <div class="comm_detail_list_col">
                                                            <h5>dropoff date & time:</h5>
                                                            <h6>
                                                                {{ \Carbon\Carbon::parse($item->dropoff_date)->format('d.m.Y') }} |
                                                                {!! $item->dropoff_time
                                                                    ? \Carbon\Carbon::parse($item->dropoff_time)->format('H:i')
                                                                    : '<span style="color: red; font-weight: bold;">Not set</span>' !!}
                                                            </h6>
                                                        </div>
                                                        
                                                    </div>
                                                </div>

                                                <div class="comm_renting_dt_row">
                                                    <h3 class="rnt_head">rent information:</h3>
                                                    <div class="d-flex comm_detail_list_view comm_renting_dt_list">
                                                        <div class="comm_detail_list_col">
                                                        <h5>Quanity:</h5>
                                                            <h6>01</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>Rental days:</h5>
                                                            <h6>{{ $item->days }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>for {{ $item->days }} days:</h5>
                                                            <h6>Total {{ number_format($item->calculated_rent, 2) }}€</h6>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="booking_modal_carrier_sec">
                                                @if ($item->is_carrier_included)
                                                    <div class="d-flex booking_modal_carrier_row">
                                                        <div class="cr_box"></div>
                                                        <h6>Carrier Included</h6>
                                                    </div>
                                                    <div class="d-flex comm_detail_list_view comm_renting_dt_list">
                                                        <div class="comm_detail_list_col">
                                                            <h5>length:</h5>
                                                            <h6>{{ $item->carrier_length ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>Foot kit:</h5>
                                                            <h6>{{ $item->footkit_sku ?? 'N/A' }}</h6>
                                                        </div>
                                                        <div class="comm_detail_list_col">
                                                            <h5>Foot:</h5>
                                                            <h6>{{ $item->foot_sku ?? 'N/A' }}</h6>
                                                        </div>
                                                    </div>
                                                  
                                                @endif

                                                @if ($item->is_insured)
                                                    <div class="d-flex booking_modal_carrier_row vkassko_rw">
                                                        <div class="cr_box"></div>
                                                        <h6>Volkassko Insurance 25 €</h6>
                                                    </div>
                                                @endif
                                            </div>
                                            <button class="btn btn-sm remove-item rm-cart-item"
                                            data-id="{{ $item->id }}">Remove Cart Item</button>
                                            
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                            {{-- <div class="have_coupon_sec">
                                <div class="sub_heading_16">Have a coupon?</div>
                                <div class="inner-main-input inner-main-input2">
                                    <label for="contact-number" class="form-label">Add your coupon Here</label>

                                    <!-- Initially hidden applied coupon section -->
                                    <div id="applied_coupon_section" class="applied-coupon-wrap mb-3"
                                        style="display: none;">
                                        <div class="d-flex align-items-center justify-content-between bg-light p-2 rounded">
                                            <span class="applied-coupon-code font-weight-bold"></span>
                                            <button class="btn btn-sm btn-outline-danger remove-coupon-btn">Remove</button>
                                        </div>
                                    </div>

                                    <div class="d-flex coupn_input_wrap">
                                        <input type="text" class="form-control" placeholder="Enter code Here"
                                            id="coupon_code">
                                        <button class="btn primary-btn primary-btn2" id="apply_coupon">Apply</button>
                                    </div>
                                    <div id="coupon_message" class="mt-2"></div>
                                </div>
                            </div> --}}


                            <div class="have_coupon_sec">
                                <div class="sub_heading_16">Have a coupon?</div>
                                <div class="inner-main-input inner-main-input2">
                                    <label for="coupon_select" class="form-label">Select a Coupon</label>
                            
                                    <div class="d-flex coupn_input_wrap">
                                        <select id="coupon_select" class="form-control">
                                            <option value="">-- Select a coupon --</option>
                                            <!-- Options will be loaded via AJAX -->
                                        </select>
                                    </div>
                            
                                    <div id="coupon_message" class="mt-2"></div>
                                </div>
                            </div>
                        @endif
                    </div>

                    @if (!$cartItems->isEmpty())
                        <div class="col-lg-3">
                            <div class="cart_total_right_col">
                                <div class="sub_heading_18">Cart Totals</div>
                                <div class="d-flex comm_detail_list_view cart_total_list">
                                    <div class="comm_detail_list_col">
                                        <h5>Subtotal</h5>
                                        <h6 id="cart_sub_total">{{ number_format($subtotal, 2, ',', '') }} €</h6>
                                    </div>
                                    <div class="comm_detail_list_col">
                                        <h5>Discount</h5>
                                        <h6>{{ number_format($discount, 2, ',', '') }} €</h6>
                                    </div>
                                    <div class="comm_detail_list_col">
                                        <h5>Net Price</h5>
                                        <h6>{{ number_format($netPrice, 2, ',', '') }} €</h6>
                                    </div>
                                    <div class="comm_detail_list_col">
                                        <h5>Net Price Insurance</h5>
                                        <h6>{{ number_format($insuranceTotal, 2, ',', '') }} €</h6>
                                    </div>
                                    <div class="comm_detail_list_col">
                                        <h5>Tax (19%)</h5>
                                        <h6>{{ number_format($tax, 2, ',', '') }} €</h6>
                                    </div>
                                    <div class="comm_detail_list_col bott_total_row">
                                        <h5>Total</h5>
                                        <h6>{{ number_format($total, 2, ',', '') }} €</h6>
                                    </div>
                                </div>

                                <div class="d-flex flex-column gap-4 mt-4">
                                    <div class="d-flex form-check">
                                        <input class="form-check-input" type="checkbox" id="terms_checkbox">
                                        <label class="form-check-label" for="terms_checkbox">
                                            <p class="default_text">I do accept the terms & conditions and the cancellation
                                                rules.</p>
                                        </label>
                                    </div>
                                    
                                </div>
                                @php
                                    $hasMissingTimes = false;
                                    foreach ($cartItems as $item) {
                                        if (empty($item->pickup_time) || empty($item->dropoff_time)) {
                                            $hasMissingTimes = true;
                                            $itemWithMissingTime = $item;
                                            break;
                                        }
                                    }
                                    
                                    $href = $hasMissingTimes 
                                        ? route('vendor.cart.confirm', ['cartItem' => $itemWithMissingTime->id])
                                        : route('vendor.checkout.index');
                                @endphp
                                <a href="{{ $href }}" id="checkout_btn"
                                    class="btn primary-btn primary-btn2 w-100 mt-3 disabled {{ $cartItems->isEmpty() ? 'disabled' : '' }}">
                                    Checkout
                                </a>




                              
                            </div>
                        </div>
                    @endif
                </div>
          
        </section>
        <div class="col-9 main-dash-left">
    </main>
    
    
    <div class="modal fade" id="addressMismatchModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content text-center p-4">
            <h4 class="modal_heading mb-3">Pickup Location Mismatch</h4>
            <p class="mb-4">Please note that within one booking process, reservations can only be made for one location.
                If you wish to book additional locations, please submit separate bookings. Thank you for your understanding.</p>
            <button type="button" class="primary-btn w-100" data-bs-dismiss="modal">Okay</button>
          </div>
        </div>
      </div>
      <div class="modal fade" id="pickupDateMismatchModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content text-center p-4">
                <h4 class="modal_heading mb-3">Different Pickup Dates</h4>
                <p class="mb-4">
                    Please make a separate booking if you wish to reserve products for different pickup days.
                </p>
                <button type="button" class="primary-btn w-100" data-bs-dismiss="modal">Okay</button>
            </div>
        </div>
    </div>

    <div class="modal fade comm-modal " id="removeItemModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
            <div class="modal-body text-center">
                <h4 class="mb-4 modal_heading">Are you sure you want to remove this item from your cart?</h4>
                <input type="hidden" id="remove-item-id" />
                <div class="d-flex justify-content-center gap-3">
              

                <div class="modal_two_btns d-flex justify-content-center">
                       <button type="button" class="primary-outline-btn" data-bs-dismiss="modal">No</button>
                <button type="button" class="primary-btn comn-btn-logout" id="confirm-remove-item">Yes</button>

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

    <div class="modal fade" id="dropoffDateMismatchModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content text-center p-4">
            <h4 class="modal_heading mb-3">Drop-off Date Mismatch</h4>
            <p class="mb-4"> All items in your cart must have the same <strong>drop-off date</strong> before you can proceed to checkout.</p>
            <button type="button" class="primary-btn w-100" data-bs-dismiss="modal">Okay</button>
          </div>
        </div>
      </div>

    <script>
        $(document).ready(function() {
            let selectedItemId = null;

            $('.remove-item').click(function (e) {
                e.preventDefault();
                selectedItemId = $(this).data('id'); // Store item ID
                $('#remove-item-id').val(selectedItemId);
                $('#removeItemModal').modal('show'); // Show confirmation modal
            });
            $('#confirm-remove-item').click(function () {
                const itemId = $('#remove-item-id').val();
                $.ajax({
                    url: '{{ route('vendor.cart.remove') }}',
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        item_id: itemId
                    },
                    success: function (response) {
                        if (response.success) {
                            $('#removeItemModal').modal('hide');
                            window.location.reload();
                        }
                    },
                    error: function () {
                        alert('Error removing item. Please try again.');
                    }
                });
            });

           
            $('#apply_coupon').click(function() {
                var couponCode = $('#coupon_code').val().trim();
                var userId = $('#cart_userId').val();
                var subTotal = $('#cart_sub_total').text().replace(' €', '').replace(',', '.');

                if (!couponCode) {
                    Swal.fire({
                                icon: 'warning',
                                title: 'Error',
                                text: 'Please enter a coupon code',
                                confirmButtonColor: '#5BC0DE',
                            });
                    // $('#coupon_message').html(
                    //     '<div class="alert alert-danger">Please enter a coupon code</div>');
                    return;
                }

                $.ajax({
                    url: '{{ route('vendor.cart.apply_coupon') }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        coupon_code: couponCode,
                        user_id: userId,
                        sub_total: subTotal,
                    },
                    dataType: 'json',
                    success: function(response) {
                        if (response.success) {
                            // Show success message
                            // $('#coupon_message').html('<div class="alert alert-success">' +
                            //     response.message + '</div>');

                            // Hide input and show applied coupon
                            $('.coupn_input_wrap').hide();
                            // $('#applied_coupon_section').show();
                            $('.applied-coupon-code').text(couponCode);

                            // Update cart totals
                            if (response.discount) {
                                $('.discount-amount').text('-$' + response.discount.toFixed(2));
                                $('.total-amount').text('$' + response.new_total.toFixed(2));
                            }
                            Swal.fire({
                                icon: 'success',
                                title: 'Success',
                                text: response.message,
                                confirmButtonColor: '#5BC0DE',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            });
                            // window.location.reload()
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: response.message,
                                confirmButtonColor: '#5BC0DE',
                            })
                            // $('#coupon_message').html('<div class="alert alert-danger">' +
                            //     response.message + '</div>');

                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: 'An error occurred. Please try again.',
                                confirmButtonColor: '#5BC0DE',
                            })
                        // $('#coupon_message').html(
                        //     '<div class="alert alert-danger">An error occurred. Please try again.</div>'
                        // );
                    }
                });
            });

            // Remove coupon handler
            $(document).on('click', '.remove-coupon-btn', function() {
                    // Store the button element in case we need it later
                    var $removeButton = $(this);
                    
                    Swal.fire({
                        title: 'Remove Coupon?',
                        text: "Are you sure you want to remove this coupon?",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#5BC0DE',
                        cancelButtonColor: '#919191ad',
                        confirmButtonText: 'Yes, remove it!',
                        cancelButtonText: 'No, keep it'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // User confirmed - proceed with removal
                            var userId = $('#cart_userId').val();
                            var itemId = $removeButton.data('item_id');

                            // Show loading state
                            $removeButton.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Removing...');

                            $.ajax({
                                url: '{{ route("cart.remove_single_coupon") }}', // Make sure this route is correct
                                type: 'POST',
                                data: {
                                    _token: '{{ csrf_token() }}',
                                    user_id: userId,
                                    item_id: itemId,
                                },
                                dataType: 'json',
                                success: function(response) {
                                    if (response.success) {
                                        Swal.fire({
                                            icon: 'success',
                                            title: 'Success',
                                            text: response.message,
                                            confirmButtonColor: '#5BC0DE',
                                        }).then(() => {
                                            // Refresh the page or update UI as needed
                                            window.location.reload();
                                        });
                                    } else {
                                        Swal.fire({
                                            icon: 'error',
                                            title: 'Error',
                                            text: response.message,
                                            confirmButtonColor: '#5BC0DE',
                                        });
                                        $removeButton.prop('disabled', false).html('Remove');
                                    }
                                },
                                error: function(xhr) {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Error',
                                        text: 'An error occurred. Please try again.',
                                        confirmButtonColor: '#5BC0DE',
                                    });
                                    $removeButton.prop('disabled', false).html('Remove');
                                }
                            });
                        }
                    });
                });

            $('#terms_checkbox').change(function () {
                if ($(this).is(':checked')) {
                    const addresses = new Set();
                    const pickupDates = new Set();
                    const dropoffDates = new Set();

                    $('.cart-address').each(function () {
                        addresses.add($(this).val().trim());
                    });

                    $('.cart-pickup-date').each(function () {
                        pickupDates.add($(this).val().trim());
                    });

                    $('.cart-dropoff-date').each(function () {
                        dropoffDates.add($(this).val().trim());
                    });

                    if (addresses.size > 1) {
                        $('#terms_checkbox').prop('checked', false);
                        $('#checkout_btn').addClass('disabled');
                        $('#addressMismatchModal').modal('show');
                    } 
                    else if (pickupDates.size > 1) {
                        $('#terms_checkbox').prop('checked', false);
                        $('#checkout_btn').addClass('disabled');
                        $('#pickupDateMismatchModal').modal('show');
                    }
                    else if (dropoffDates.size > 1) {
                        $('#terms_checkbox').prop('checked', false);
                        $('#checkout_btn').addClass('disabled');
                        $('#dropoffDateMismatchModal').modal('show');
                    }
                    else {
                        $('#checkout_btn').removeClass('disabled');
                    }
                } else {
                    $('#checkout_btn').addClass('disabled');
                }
            });
        });

        $(document).ready(function () {
            let userId = $('#cart_userId').val();
            let firstProductId = $('.comm_border_box_outer').first().find('.name').data('product-id'); 
            // Make sure you add data-product-id="{{ $item->product_id }}" in Blade

            // 🔹 Load coupons on page load
            $.ajax({
                url: '{{ route("vendor.booking.get_coupons") }}', 
                type: 'GET',
                data: {
                    _token: '{{ csrf_token() }}',
                    product_id: firstProductId,
                },
                success: function (response) {
                    if (response.success && response.coupons.length > 0) {
                        let options = '<option value="">-- Select a coupon --</option>';
                        response.coupons.forEach(function (coupon) {
                            options += `<option value="${coupon.code}">
                                            ${coupon.code}
                                        </option>`;
                        });
                        $('#coupon_select').html(options);
                    } else {
                        $('#coupon_select').html('<option value="">No coupons available</option>');
                    }
                }
            });

            // 🔹 When user selects a coupon
            $('#coupon_select').change(function () {
                let couponCode = $(this).val();
                let subTotal = $('#cart_sub_total').text().replace(' €', '').replace(',', '.');

                if (!couponCode) return;

                $.ajax({
                    url: '{{ route("vendor.cart.apply_coupon") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        coupon_code: couponCode,
                        user_id: userId,
                        sub_total: subTotal,
                    },
                    dataType: 'json',
                    success: function (response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Success',
                                text: response.message,
                                confirmButtonColor: '#5BC0DE',
                            }).then(() => {
                                window.location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: response.message,
                                confirmButtonColor: '#5BC0DE',
                            });
                        }
                    },
                    error: function () {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'An error occurred. Please try again.',
                            confirmButtonColor: '#5BC0DE',
                        });
                    }
                });
            });
        });
    </script>
@endsection