@extends('layouts.dashboard_layout')

@section('title', 'QR')

@section('body-class', 'proyecto')

@section('content')
<div class="container-fluid container-column d-flex justify-content-between align-items-center">
    <div class="container-fluid container-column d-flex justify-content-between align-items-center">
        <div class="ms-auto">
            <a href="{{ route('qr.crear') }}">
                <button class="button-crear"><img src="{{ asset('img/document-like3.png') }}" alt="Icon-document">Generar QR</button>
            </a>
        </div>
    </div>
</div>
<div class="container-fluid p-3 table-acta">

    <label class="text-align">QR</label>
    <table id="actaTable" class="table proyecto-table">
        <thead>
            <tr id="text-table">
                <th>#</th>
                <th>Nombre</th>
                <th></th>
            </tr>
        </thead>
        <tbody id="myTable">
            @foreach ($qr as $item)
                <tr id="">
                    <td>{{ $item->id }}</td>
                    <td>@if (!empty($item->logo))
                            <img src="{{ asset($item->logo) }}" alt="Logo" class="cliente-logo">
                        @endif
                        {{ $item->nombre }}
                    </td>
                    <td class="icon-edit">
                        <div class="icon-box">
                            <a href="#" class="open-modal" data-id="{{ $item->id }}">
                                <i class='far fa-eye'></i>
                            </a>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    @include('dashboard.qr.modals.modal')
</div>
@endsection

@section('scripts')
@include('partials.scripts')
<script src="{{ asset('js/qr/modal.js') }}"></script>
@endsection