@extends('layouts.app')

@section('title', 'Services')

@section('content')

    <div class="grid grid-cols-1 md:grid-cols-2">
        @for ($i = 1; $i <= 5; $i++)
            <div class="relative h-full w-full">
                <img class="h-full w-full" src="{{ asset('assets/tickets/DAY-1.jpg') }}" alt="Image {{ $i }}"
                    class="img-fluid">
                <div class="absolute top-[6rem] right-[19rem] flex items-center justify-center">
                    <img class="h-[15rem]"
                        src="https://api.qrserver.com/v1/create-qr-code/?size=100x100&data=Example+QR+Code+{{ $i }}"
                        alt="QR Code {{ $i }}" class="img-fluid">
                </div>
            </div>
        @endfor
    </div>
@endsection