@php
    $href = $capacitacionInduccion->path() . '/' . $capacitacionInduccion->archivo;
@endphp

<a {{ $capacitacionInduccion->tipo != 1 ? 'href='.$href : '' }} data-tipo="{{$capacitacionInduccion->tipo}}"  data-usuario="{{$capacitacionUsuario->id}}" data-induccion="{{$capacitacionInduccion->id}}" id="evaluacion-archivo-{{$capacitacionInduccion->id}}-{{$capacitacionUsuario->id}}" class="text-decoration-none" style="cursor: pointer !important">
    <div class="card content-box h-100 border-0 shadow-sm p-3">
        <div class="d-flex justify-content-end">
            <span class="badge badge-pill @if($capacitacionInduccion->fecha_leido)badge-info @else badge-warning @endif" style="font-size: 0.6rem;">@if($capacitacionInduccion->fecha_leido) @if($capacitacionInduccion->tipo == 1) Visualizado @else Leído @endif @else @if($capacitacionInduccion->tipo == 1) No Visualizado @else Leído @endif @endif </span>
        </div>
        <h3 class="title">
            {{$capacitacionInduccion->nombre}}
        </h3>
        <p class="description mt-2">
            <img 
            src="{{ asset($capacitacionInduccion->icon) }}" 
            alt="Icono" 
            style="width: {{$capacitacionInduccion->width}}; height: {{$capacitacionInduccion->height}}">
        </p>
        <div class="text-center">
            <p class="text-muted text-bold small d-inline-flex align-items-center">
                {{ $capacitacionInduccion->tipo != 1 ? 'Visualizar Archivo' : 'Ver Video'   }}
            </p>
            @if($capacitacionInduccion->fecha_leido)
                <p class="text-muted my-0" style="font-size: 10px;">
                    Visto hace {{ $capacitacionInduccion->fecha_leido->diffForHumans() }}
                </p>
            @else
                <p class="text-muted my-0" style="font-size: 10px;">
                    Aún no se ha revisado el documento
                </p>
            @endif
        
        </div>
    </div>
</a>