@extends('layouts.index', ['subHeader' => 'Registros'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('seguimiento.actividades') }}" class="text-decoration-none text-dark"> / Seguimiento de actividades</a>
@endsection

@section('js')
    <script>
        $('#tabla_registros').DataTable({
            dom: `<'row d-flex align-items-center justify-content-between'
                        <'col-8 d-flex align-items-center'f>
                        <'col-4 d-flex align-items-center justify-content-end'B>>
                    <'table-responsive'tr>
                    <'row'<'col-sm-12 col-md-5 d-flex align-items-center justify-content-center justify-content-md-start'i><'col-sm-12 col-md-7 d-flex align-items-center justify-content-center justify-content-md-end'p>>`,
        })
    </script>
@endsection

@section('content')
<br><br>

<div class="contanier">
    <div class="shadow-s p-4">
        <div class="table-responsive">
            <table id="tabla_registros" class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>Modulo</th>
                        <th>Nombre Registro</th>
                        <th>Actividad</th>
                        <th>Fecha Creacion</th>
                        <th>Fecha Actualizacion</th>
                        <th>Nombre Usuario</th>
                    </tr>
                </thead>
                <tbody>
                    @if (!empty($actividades))
                            @foreach ($actividades as $actividad)
                            <tr>
                                <td>{{ $actividad->model_name }}</td>
                                <td>{{ $actividad->watchable?->titulo ?? 'N/A' }}</td>
                                <td>{{ $actividad->actividad }}</td>
                                <td>{{ $actividad->created_at }}</td>
                                <td>{{ $actividad->updated_at }}</td>
                                <td>{{ $users[$actividad->user_id ?? 0 ]->name ?? 'N/A' }}</td>
                            </tr>
                            @endforeach
                        @else
                            <th colspan="10" rowspan="3" style="text-align: center">"No hay Registros para mostrar"
                            </th>
                        @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection