@foreach ($qr_codes as $qr_code)
    <div class="col-lg-12 col-md-6 mb-3">
        <div class="card shadow-custom">
            <div class="card-body">
                <div class="col-md-12 d-flex">
                    <div class="col-md-2 text-center m-auto">
                        <img src="{{ asset($qr_code->qr_code) }}" class="image-qr" alt="QR Code Image">
                    </div>
                    <div class="col-md-6">
                        <a href="{{ $qr_code->url }}" target="_blank">
                            <h4 class="title-overflow text-dark m-1" title="google">{{ $qr_code->title }}</h4>
                        </a>
                        <p class="text-dark m-1">
                            Website<br />
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"
                                role="graphics-document" aria-hidden="true" height="15" width="15"
                                xmlns="http://www.w3.org/2000/svg">
                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                <path d="M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z">
                                </path>
                            </svg><a href="{{ $qr_code->url }}"
                                style="color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity))"
                                target="_blank">{{ $qr_code->url }}</a>
                            <br />
                        </p>
                        <p class="text-dark m-1">
                            QR Type :
                            @if ($qr_code->qr_type == '0')
                                Static
                            @else
                                Dynamic
                            @endif
                        </p>
                        <div style="display: flex;margin-top: 1rem;gap: 2rem;">
                            <p class="text-dark"><svg stroke="currentColor" fill="currentColor" stroke-width="0"
                                    viewBox="0 0 24 24" role="graphics-document" aria-hidden="true" height="16"
                                    width="16" xmlns="http://www.w3.org/2000/svg">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path d="M4 9h4v11H4zM16 13h4v7h-4zM10 4h4v16h-4z"></path>
                                </svg> Scan data</p>
                            <p class="text-dark"> <svg stroke="currentColor" fill="currentColor" stroke-width="0"
                                    viewBox="0 0 24 24" role="graphics-document" aria-hidden="true" height="16"
                                    width="16" xmlns="http://www.w3.org/2000/svg">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path
                                        d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z">
                                    </path>
                                </svg> {{ $qr_code->created_at->format('M d,Y') }}</p>
                            <p class="text-dark">
                                @if (!empty($qr_code->short_link_code))
                                    <svg viewBox="0 0 20 20" height="16" width="16" aria-hidden="false">
                                        <path fill="#273144"
                                            d="M4.917 8.833c-.5-.583-.75-1.25-.75-1.916 0-.75.25-1.417.833-1.917 1-1 2.833-1 3.833 0l1.834 1.833a.805.805 0 001.166 0 .805.805 0 000-1.166L10 3.75C9.167 3 8 2.5 6.833 2.5c-1.166 0-2.25.5-3.083 1.25-.833.833-1.25 2-1.25 3.167 0 1.166.417 2.25 1.25 3.083l1.833 1.833a.9.9 0 00.584.25.9.9 0 00.583-.25.805.805 0 000-1.166L4.917 8.833zM16.25 10l-1.833-1.833a.806.806 0 00-1.167 0 .806.806 0 000 1.166l1.833 1.917c.5.5.834 1.167.834 1.917s-.25 1.416-.834 1.916c-1.083 1.084-2.75 1.084-3.833 0L9.417 13.25a.806.806 0 00-1.167 0 .806.806 0 000 1.167l1.833 1.833c.834.833 2 1.25 3.084 1.25 1.083 0 2.25-.417 3.083-1.25.833-.833 1.25-1.917 1.25-3.083 0-1.25-.417-2.334-1.25-3.167z">
                                        </path>
                                        <path fill="#273144"
                                            d="M12.25 12.25a.756.756 0 01-.583.25.757.757 0 01-.584-.25L7.75 8.917a.806.806 0 010-1.167.806.806 0 011.167 0l3.333 3.333a.806.806 0 010 1.167z">
                                        </path>
                                    </svg>
                                    <a class="text-dark" id="short_link_text"
                                        href="{{ asset($qr_code->short_link_code) }}" target="_blank"
                                        rel="noopener noreferrer">{{ asset($qr_code->short_link_code) }}</a>
                                @endif
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4" style="text-align: right;">
                        <div class="btn btn-outline-primary btn-group" role="group" style="margin-right: 7px;">

                            <i class="fa fa-ellipsis-v p-1" id="btnGroupDrop1" type="button"
                                class="btn btn-outline-secondary" data-bs-toggle="dropdown" aria-haspopup="flase"
                                aria-expanded="false" style="rotate: 90deg"></i>

                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                                <a class="dropdown-item"
                                    @if (empty($qr_code->short_link_code)) id="create_link" data-bs-uuid="{{ $qr_code->uuid }}"
                                                    data-bs-toggle="modal" data-bs-target="#modalCenter"
                                                @else 
                                                    href="{{ route('admin.qr.links', ['uuid' => $qr_code->uuid]) }}" @endif>

                                    <svg viewBox="0 0 20 20" height="20" width="20" aria-hidden="true">
                                        <path fill="#273144"
                                            d="M4.917 8.833c-.5-.583-.75-1.25-.75-1.916 0-.75.25-1.417.833-1.917 1-1 2.833-1 3.833 0l1.834 1.833a.805.805 0 001.166 0 .805.805 0 000-1.166L10 3.75C9.167 3 8 2.5 6.833 2.5c-1.166 0-2.25.5-3.083 1.25-.833.833-1.25 2-1.25 3.167 0 1.166.417 2.25 1.25 3.083l1.833 1.833a.9.9 0 00.584.25.9.9 0 00.583-.25.805.805 0 000-1.166L4.917 8.833zM16.25 10l-1.833-1.833a.806.806 0 00-1.167 0 .806.806 0 000 1.166l1.833 1.917c.5.5.834 1.167.834 1.917s-.25 1.416-.834 1.916c-1.083 1.084-2.75 1.084-3.833 0L9.417 13.25a.806.806 0 00-1.167 0 .806.806 0 000 1.167l1.833 1.833c.834.833 2 1.25 3.084 1.25 1.083 0 2.25-.417 3.083-1.25.833-.833 1.25-1.917 1.25-3.083 0-1.25-.417-2.334-1.25-3.167z">
                                        </path>
                                        <path fill="#273144"
                                            d="M12.25 12.25a.756.756 0 01-.583.25.757.757 0 01-.584-.25L7.75 8.917a.806.806 0 010-1.167.806.806 0 011.167 0l3.333 3.333a.806.806 0 010 1.167z">
                                        </path>
                                    </svg>

                                    @if (empty($qr_code->short_link_code))
                                        Create Link
                                    @else
                                        View Short Link
                                    @endif
                                </a>
                                <a class="dropdown-item text-danger" data-bs-uuid="{{ $qr_code->uuid }}"
                                    id="deletebtn"><svg stroke="currentColor" fill="currentColor" stroke-width="0"
                                        viewBox="0 0 24 24" role="graphics-document" height="20" width="20"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill="none" d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z">
                                        </path>
                                        <path
                                            d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 001 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z">
                                        </path>
                                    </svg>
                                    Hide QR Code</a>
                            </div>
                        </div>

                        <div class="btn btn-outline-primary" style="margin-right: 7px;">
                            <a id="custom_edit_button" data-bs-uuid="{{ $qr_code->uuid }}"
                                data-bs-title="{{ $qr_code->title }}" data-bs-url="{{ $qr_code->url }}">
                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"
                                    role="graphics-document" aria-hidden="true" height="20" width="20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path
                                        d="M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.04 10 9c0 3.31-2.69 6-6 6h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67A2.5 2.5 0 0112 22zm0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8c.28 0 .5-.22.5-.5a.54.54 0 00-.14-.35c-.41-.46-.63-1.05-.63-1.65a2.5 2.5 0 012.5-2.5H16c2.21 0 4-1.79 4-4 0-3.86-3.59-7-8-7z">
                                    </path>
                                    <circle cx="6.5" cy="11.5" r="1.5"></circle>
                                    <circle cx="9.5" cy="7.5" r="1.5"></circle>
                                    <circle cx="14.5" cy="7.5" r="1.5"></circle>
                                    <circle cx="17.5" cy="11.5" r="1.5"></circle>
                                </svg></a>
                        </div>

                        <div class="btn btn-outline-primary" style="margin-right: 7px;">
                            <a id="editbutton" data-bs-uuid="{{ $qr_code->uuid }}"
                                data-bs-title="{{ $qr_code->title }}" data-bs-type="{{ $qr_code->qr_type }}" data-bs-url="{{ $qr_code->url }}">
                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"
                                    role="graphics-document" aria-hidden="true" height="20" width="20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path
                                        d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 000-1.41l-2.34-2.34a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z">
                                    </path>
                                </svg></a>
                        </div>

                        <div class="btn btn-outline-primary">
                            <small id="downloadBtnGroupDrop1" type="button" data-bs-toggle="dropdown"
                                aria-haspopup="flase" aria-expanded="false">
                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"
                                    role="graphics-document" aria-hidden="true" height="20" width="20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                    <path
                                        d="M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4l-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z">
                                    </path>
                                </svg></small>

                            <div class="dropdown-menu" aria-labelledby="downloadBtnGroupDrop1">
                                <a class="dropdown-item" href="{{ asset($qr_code->qr_code) }}"
                                    download="your_qr.png" type="button" data-bs-uuid="{{ $qr_code->uuid }}">
                                    <small class="text-dark">Download PNG</small>
                                </a>

                                @if ($qr_code->qr_logo == null)
                                    <a class="dropdown-item"
                                        href="{{ route('admin.qr.svg', ['uuid' => $qr_code->uuid]) }}" type="button"
                                        data-bs-uuid="{{ $qr_code->uuid }}" id="downloadSvg">
                                        <small class="text-dark">Download SVG</small>
                                    </a>
                                @endif

                                <a class="dropdown-item" href="{{ route('qr.pdf', ['uuid' => $qr_code->uuid]) }}"
                                    download type="button" data-bs-uuid="{{ $qr_code->uuid }}" id="downloadPdf">
                                    <small class="text-dark">Download PDF</small>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="col-lg-4 col-md-6 col-sm-6 order-1 mb-3">

        <div class="card shadow-custom fix-height">
            <div style="display: flex; " class="mt-3">
                &nbsp;&nbsp;<p style="width: 50%" class="text-dark" style="display: block;">&nbsp;&nbsp;&nbsp;<svg
                        width="18px" height="20px" viewBox="0 0 17 16" fill="black"
                        xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M8.5 16C12.9183 16 16.5 12.4183 16.5 8C16.5 3.58172 12.9183 0 8.5 0C4.08172 0 0.5 3.58172 0.5 8C0.5 12.4183 4.08172 16 8.5 16ZM13.3411 3.16L10.4364 9.93748L6.56358 6.06464L13.3411 3.16ZM3.65887 12.8421L6.56358 6.06464L7.312 6.81314L5.56282 10.9382L9.71616 9.21729L10.4364 9.93748L3.65887 12.8421Z">
                        </path>
                    </svg>&nbsp; Website URL</p>
                <div style="margin-left: 40%;">
                    <div class="btn-group" role="group">

                        <i class="fa fa-ellipsis-v p-1" id="btnGroupDrop1" type="button" class="btn btn-outline-secondary"
                            data-bs-toggle="dropdown" aria-haspopup="flase" aria-expanded="false"
                            style="rotate: 90deg"></i>

                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                            <a class="dropdown-item" id="editbutton" data-bs-uuid="{{ $qr_code->uuid }}"
                                data-bs-title="{{ $qr_code->title }}" data-bs-url="{{ $qr_code->url }}"><i
                                    class="bx bx-edit-alt me-1"></i>
                                Edit</a>
                            <a class="dropdown-item text-danger" data-bs-uuid="{{ $qr_code->uuid }}" id="deletebtn"><i
                                    class="bx bx-trash me-1"></i>
                                Delete</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-1"></div>
                <div class="col-4" style="display: flex; align-items: center">
                    <img src="{{ asset($qr_code->qr_code) }}" class="image-qr" alt="QR Code Image">
                </div>

                <div class="col-6">
                    <h6 class="title-overflow text-dark" style="margin-bottom:1% !important;"
                        title="@if (mb_strlen($qr_code->title) > 15) {{ $qr_code->title }} @endif">
                        {{ $qr_code->title }}</h6>
                    <p class="url-overflow text-dark" style="margin-bottom:1% !important;">{{ $qr_code->url }}</p>
                    @if ($qr_code->qr_type == 'dynamic')
                        <p class="card-text text-dark" style="margin-bottom:1% !important; verticle-align: text-bottom">
                            <svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 512 512">
                                <path
                                    d="M0 48C0 21.49 21.49 0 48 0H144C152.8 0 160 7.164 160 16C160 24.84 152.8 32 144 32H48C39.16 32 32 39.16 32 48V144C32 152.8 24.84 160 16 160C7.164 160 0 152.8 0 144V48zM320 256C320 291.3 291.3 320 256 320C220.7 320 192 291.3 192 256C192 220.7 220.7 192 256 192C291.3 192 320 220.7 320 256zM256 224C238.3 224 224 238.3 224 256C224 273.7 238.3 288 256 288C273.7 288 288 273.7 288 256C288 238.3 273.7 224 256 224zM325.8 111.6L332 128H360C390.9 128 416 153.1 416 184V328C416 358.9 390.9 384 360 384H152C121.1 384 96 358.9 96 328V184C96 153.1 121.1 128 152 128H180L186.2 111.6C189.7 102.2 198.6 96 208.6 96H303.4C313.4 96 322.3 102.2 325.8 111.6zM152 160C138.7 160 128 170.7 128 184V328C128 341.3 138.7 352 152 352H360C373.3 352 384 341.3 384 328V184C384 170.7 373.3 160 360 160H309.8L297.8 128H214.2L202.2 160H152zM464 0C490.5 0 512 21.49 512 48V144C512 152.8 504.8 160 496 160C487.2 160 480 152.8 480 144V48C480 39.16 472.8 32 464 32H368C359.2 32 352 24.84 352 16C352 7.164 359.2 0 368 0H464zM0 368C0 359.2 7.164 352 16 352C24.84 352 32 359.2 32 368V464C32 472.8 39.16 480 48 480H144C152.8 480 160 487.2 160 496C160 504.8 152.8 512 144 512H48C21.49 512 0 490.5 0 464V368zM368 512C359.2 512 352 504.8 352 496C352 487.2 359.2 480 368 480H464C472.8 480 480 472.8 480 464V368C480 359.2 487.2 352 496 352C504.8 352 512 359.2 512 368V464C512 490.5 490.5 512 464 512H368z">
                                </path>
                            </svg>&nbsp;&nbsp;{{ qrScanCount($qr_code->id) }}
                        </p>
                    @endif
                    <small class="text-dark" id="downloadBtnGroupDrop1" type="button" data-bs-toggle="dropdown"
                        aria-haspopup="flase" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 448 512" style="width: 11px;">
                            <defs></defs>
                            <path class="fa-primary"
                                d="M201.4 342.6l-128-128c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 242.8V32c0-17.69 14.31-32 32-32s32 14.31 32 32v210.8l73.38-73.38c12.5-12.5 32.75-12.5 45.25 0c12.49 12.49 12.51 32.74 0 45.25l-128 128C234.1 355.1 213.9 355.1 201.4 342.6z">
                            </path>
                            <path class="fa-secondary"
                                d="M448 416v-64c0-17.67-14.33-32-32-32s-32 14.33-32 32v64c0 17.67-14.33 32-32 32H96c-17.67 0-32-14.33-32-32v-64c0-17.67-14.33-32-32-32s-32 14.33-32 32v64c0 53.02 42.98 96 96 96h256C405 512 448 469 448 416z"
                                style="opacity: 0.4;"></path>
                        </svg> Download</small>
                    <div class="dropdown-menu" aria-labelledby="downloadBtnGroupDrop1">
                        <a class="dropdown-item" href="{{ asset($qr_code->qr_code) }}" download="your_qr.png"
                            type="button" data-bs-uuid="{{ $qr_code->uuid }}">
                            <small class="text-dark">Download PNG</small></a>
                        @if ($qr_code->qr_logo == null)
                            <a class="dropdown-item" href="{{ route('admin.qr.svg', ['uuid' => $qr_code->uuid]) }}"
                                type="button" data-bs-uuid="{{ $qr_code->uuid }}" id="downloadSvg">
                                <small class="text-dark">Download SVG</small></a>
                        @endif
                        <a class="dropdown-item" href="{{ route('qr.pdf', ['uuid' => $qr_code->uuid]) }}"
                            download="{{ route('qr.pdf', ['uuid' => $qr_code->uuid]) }}" type="button"
                            data-bs-uuid="{{ $qr_code->uuid }}" id="downloadSvg">
                            <small class="text-dark">Download PDF</small></a>
                    </div>
                </div>

            </div>
        </div>

    </div> --}}
@endforeach