@php
    $href = $capacitacionInduccion->path() . '/' . $capacitacionInduccion->archivo;
@endphp
<div class="container my-4 mt-4">

    <div class="container btn-back mb-2 mt-3 p-0">
        <div class="d-flex align-items-center">
           
            <button data-rut="{{$capacitacionUsuario->rut}}" data-capacitacion="{{$capacitacionInduccion->capacitacion_tipo->id}}" 
                id="btn-back-evaluacion" class="btn btn-sm btn-info">
                <i class="fa-solid fa-arrow-left "></i>
             
            </button>
    
            <h2 class="text-muted text-lg text-bold flex-grow-1 text-center m-0">
                <i class="fa-solid fa-chalkboard-user"></i> Visualice el video
            </h2>
        </div>
        <hr>
    </div>
    
    
    <div class="cardVideo flex align">
        <h3 class="title text-muted text-center">{{ $capacitacionInduccion->nombre }}</h3>
        <div class="video-container">
            <video data-induccion="{{$capacitacionInduccion->id}}" data-usuario="{{$capacitacionUsuario->id}}" controls id="videoInduccion" class="video-bordered">
                <source src="{{ asset($href) }}" type="video/mp4">
                <source src="{{ asset($href) }}" type="video/webm">
                <source src="{{ asset($href) }}" type="video/ogg">
                Tu navegador no soporta el tag de video.
            </video>
            
        </div>
        <p class="text-muted text-center mt-2">
            ⚠️ Debe visualizar todo el video para continuar.
        </p>
    </div>

</div>
<div style="height: 50px;"></div>