{{-- 
@php
    $totalTickets = count($tickets_listas);
@endphp

<div class="row">
    @for ($i = 0; $i < 14; $i++)
        <div class="col-md-6">
            @if ($i < $totalTickets)
                <div class="card">
                    <div class="card-body btn" style="background-color:#37a3b6;height:190px">
                        <div class="row">
                            @if ($tickets_listas[$i]->personas->id == 1)
                                <div style="height:144px">
                                    <br>
                                    <br>
                                    <h1 class="text-white text-center fw-bolder"
                                        style="font-size: 70px">
                                        <span
                                            style="color: yellow">{{ $tickets_listas[$i]->servicios->siglas }}{{ $tickets_listas[$i]->correlativo }}
                                            -
                                            {{ $tickets_listas[$i]->plataformas->numero ?? 'XX' }}
                                        </span>
                                        <br>
                                    </h1>
                                    <br>

                                </div>
                            @else
                                <div class="col-md-5">
                                    <h1 class="text-white fw-bolder" style="font-size: 60px;">
                                        <span
                                            style="color: yellow">{{ $tickets_listas[$i]->servicios->siglas }}{{ $tickets_listas[$i]->correlativo }}
                                            -
                                            {{ $tickets_listas[$i]->plataformas->numero ?? 'XX' }}
                                        </span>
                                    </h1>
                                </div>

                                <div class="col-md-7">
                                    <h1 class="text-white fw-bolder mb-1"
                                        style="font-size:45px;height:66px">
                                        {{ Str::limit($tickets_listas[$i]->personas->nombres, 8, ' ') }}
                                        {{ Str::limit($tickets_listas[$i]->personas->apellido_paterno, 8, ' ') }}
                                        {{ $tickets_listas[$i]->personas->apellido_materno }}
                                    </h1>
                                   

                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @else
                <div class="card-body btn btn-outline-success mt-1" style="width: 100%;height:190px">
                   

                </div>
            @endif
        </div>
    @endfor
</div> --}}

@php
    $totalTickets = count($tickets_listas);
@endphp

<div class="row">
    @for ($i = 0; $i < 8; $i++)
        <div class="col-md-3">
            @if ($i < $totalTickets)
                <div class="card cuadro-lista">


                    {{-- <div class="card-body btn" style="background-color:black;"> --}}

                    {{-- <div class="card-body btn" style="background-color:yellow;"> --}}

                    {{-- <div class="card-body btn" style="background-color:yellow;"> --}}


                    <div class="card-body btn" style="background-color:#37a3b6;">


                        {{-- <div class="card-body btn" style="background-color:#287F8F;"> --}}

                        <div class="row">
                            @if ($tickets_listas[$i]->personas->id == 1)
                                <div style="height:144px">
                                    <br>
                                    <br>
                                    <h1 class="text-white text-center fw-bolder" style="font-size: 70px">


                                        <span
                                                                    style="color: yellow">{{ $tickets_listas[$i]->servicios->siglas }}{{ $tickets_listas[$i]->correlativo }}
                                                                    -
                                                                    {{ $tickets_listas[$i]->plataformas->numero ?? 'XX' }}
                                                                </span>

                                        {{-- <span
                                            style="color: BLACK">{{ $tickets_listas[$i]->servicios->siglas }}{{ $tickets_listas[$i]->correlativo }}
                                            -
                                            {{ $tickets_listas[$i]->plataformas->numero ?? 'XX' }}
                                        </span> --}}


                                        <br>
                                    </h1>
                                    <br>

                                </div>
                            @else
                                <div class="col-md-5">
                                    <h1 class="text-white fw-bolder" style="font-size: 60px;">
                                        <span
                                            style="color: yellow">{{ $tickets_listas[$i]->servicios->siglas }}{{ $tickets_listas[$i]->correlativo }}
                                            -
                                            {{ $tickets_listas[$i]->plataformas->numero ?? 'XX' }}
                                        </span>
                                    </h1>
                                </div>

                                <div class="col-md-7">
                                    <h1 class="text-white fw-bolder mb-1" style="font-size:45px;height:66px">
                                        {{ Str::limit($tickets_listas[$i]->personas->nombres, 8, ' ') }}
                                        {{ Str::limit($tickets_listas[$i]->personas->apellido_paterno, 8, ' ') }}
                                        {{ $tickets_listas[$i]->personas->apellido_materno }}
                                    </h1>
                                    {{-- <br>
                                                            <br> --}}

                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @else
                <div class="card-body btn btn-outline-success mb-2" style="width: 100%;height:190px">


                </div>
            @endif
        </div>
    @endfor
</div>