@extends('pdf.index')

@section('content')
    <style>
        .foto {
            width: 150px;
            left: 20px;
            border-radius: 5px;
        }
        label {
            font-size: 20px;
        }
    </style>
    @php
        $top = 200;
    @endphp
    @foreach ($usuarios as $numero => $usuario)
        <div class="row mt-5">
            <div class="col-6">
                <div class="">
                    <label for=""><b>Foto:</b></label>
                    <img src="{{ public_path($usuario->foto ? $usuario->foto : 'assets/media/avatars/150-2.jpg') }}"
                        class="foto">
                </div>
                <div class="">
                    <label for=""><b>Nombre:</b> {{ $usuario->nombre_completo }}</label>
                </div>
                <div class="">
                    <label for=""><b>CC:</b> {{ $usuario->identificacion }}</label>
                </div>
                <div class="">
                    <label for=""><b>Email:</b> {{ $usuario->email }}</label>
                </div>
                <div class="">
                    <label for=""><b>Telefono:</b> {{ $usuario->numero_completo }}</label>
                </div>
            </div>
            <div class="col-6">
                @if ($usuario->QrCode)
                    <img src="data:image/svg+xml;base64,{{ base64_encode($usuario->QrCode) }}" style="position: fixed; right: 100px; top: {{$top}}px;">
                @endif
            </div>
        </div>
        <hr>
        @if ($numero % 2 != 0 && $numero != 0)
            <div style="page-break-before: always;"></div>
        @endif
        @if ($numero % 2 == 0)
            @php
                $top = 600;
            @endphp
        @else
            @php
                $top = 200;
            @endphp
        @endif
    @endforeach
@endsection