{{-- <div class="modal fade" id="12modalDesktop2">
    <div class="modal-dialog" style="max-width: 620px">
        <div class="modal-content">
            <div class="modal-body p-1">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="position: absolute; right: 2px; top:0; width: .05em; height: 0.5em;"></button>
                <a href="https://www.ryans.com/offers/double-discount-on-christmas"><img src="{{asset('assets/images/12offer/crystmass2.png')}}" alt="Double discount on Christmas" class="img-fluid w-100"></a>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="12modalMobile2">
    <div class="modal-dialog modal-sm" style="max-width: 320px; margin: 0 auto">
        <div class="modal-content">
            <div class="modal-body p-1">
                <button type="button" class="btn-close float-end" data-bs-dismiss="modal" aria-label="Close" style="position: absolute; right: 2px; top:2px; width: 0; height: 0;"></button>
                <a href="https://www.ryans.com/offers/double-discount-on-christmas"><img src="{{asset('assets/images/12offer/crystmass2.png')}}" alt="Double discount on Christmas" class="img-fluid"></a>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        // Function to check screen size and show/hide the modals accordingly
        function checkScreenSize() {
            if ($(window).width() < 768) {
                // Small screens (e.g., mobile)
                $('#12modalMobile2').modal('show');
                $('#12modalDesktop2').modal('hide');
            } else {
                // Larger screens
                $('#12modalMobile2').modal('hide');
                $('#12modalDesktop2').modal('show');
            }
        }

        // Initial check on page load
        checkScreenSize();

        // Check screen size on window resize
        // $(window).resize(function () {
        //     checkScreenSize();
        // });
    });
</script> --}}


{{-- Old code --}}

<!-- first modal -->
{{-- @php
    $startDateTime1 = \Carbon\Carbon::create(2024, 12, 11, 18, 0, 0);
    $endDateTime1 = \Carbon\Carbon::create(2024, 12, 22, 23, 59, 59);
@endphp

<!-- Second Modal -->
@php
    $startDateTime2 = \Carbon\Carbon::create(2025, 3, 30, 11, 0, 0);
    $endDateTime2 = \Carbon\Carbon::create(2025, 4, 2, 23, 59, 59);
@endphp


@php
    $urlSegments = explode('/', url()->current());
    $lastSegment = end($urlSegments);
@endphp --}}

{{-- @if ($lastSegment == 'www.ryans.com' || (strpos($lastSegment, 'all-laptop') !== false && count(request()->all()) == 0)) --}}
{{-- @if ((strpos($lastSegment, 'all-laptop') !== false && count(request()->all()) == 0))
        @if (\Carbon\Carbon::now()->between($startDateTime1, $endDateTime1))
            <!--   desktop -->
            @include('new_design.12_modal.12modal')
        @endif
@endif --}}

{{--
@if (request()->is('/'))
    @if (\Carbon\Carbon::now()->between($startDateTime2, $endDateTime2))
        @include('new_design.12_modal.12modal')
    @endif
@endif --}}


{{-- @include('new_design.12_modal.12modal') --}}