@extends('layouts.horizontal', ['title' => 'Historial de Cambios'])

@section('content')

<div class="container-fluid">

    @include('layouts.partials.page-title', [
        'subtitle' => 'Configuraciones',
        'title' => 'Historial de Cambios'
    ])

    <div class="card">

        <div class="card-header d-flex justify-content-between align-items-center">

            <h4 class="card-title m-0">
                Historial de Cambios
            </h4>

        </div>

        <div class="card-header border-light d-flex justify-content-between align-items-center flex-wrap gap-3">

            <form
                method="GET"
                action="{{ route('configuraciones.logs') }}"
                class="d-flex gap-2 flex-grow-1">

                <div class="app-search" style="max-width:350px;">

                    <input
                        type="text"
                        name="q"
                        class="form-control"
                        placeholder="Buscar usuario, acción o descripción..."
                        value="{{ request('q') }}">

                    <i data-lucide="search" class="app-search-icon text-muted"></i>

                </div>

                <select
                    name="modulo"
                    class="form-select"
                    style="max-width:220px;"
                    onchange="this.form.submit()">

                    <option value="">
                        Todos los módulos
                    </option>

                    @foreach($modulos as $mod)

                        <option
                            value="{{ $mod }}"
                            @selected(request('modulo') == $mod)>

                            {{ $mod }}

                        </option>

                    @endforeach

                </select>

                <button
                    type="submit"
                    class="btn btn-primary">

                    Buscar

                </button>

                @if(request()->filled('q') || request()->filled('modulo'))

                    <a
                        href="{{ route('configuraciones.logs') }}"
                        class="btn btn-light">

                        Limpiar

                    </a>

                @endif

            </form>

        </div>

        <div class="table-responsive">

            <table class="table table-custom table-hover mb-0">

                <thead class="bg-light align-middle bg-opacity-25 thead-sm">

                    <tr class="text-uppercase fs-xxs">

                        <th style="width:130px;">
                            Fecha
                        </th>

                        <th style="width:160px;">
                            Módulo
                        </th>

                        <th style="width:130px;">
                            Acción
                        </th>

                        <th style="width:180px;">
                            Usuario
                        </th>

                        <th>
                            Descripción
                        </th>

                    </tr>

                </thead>

                <tbody>

                    @forelse($logs as $log)

                        @php

                            $moduloClass = match($log->modulo){

                                'Pacientes'         => 'bg-primary',
                                'Cita'              => 'bg-info',
                                'Archivos'         => 'bg-purple',
                                'Estudios'         => 'bg-purple',
                                'Usuarios'          => 'bg-warning',
                                'Configuraciones'   => 'bg-secondary',

                                default             => 'bg-dark'

                            };

                            $accionClass = match($log->accion){

                                'Crear'         => 'bg-success',
                                'Cita agregada'         => 'bg-success',
                                'Nuevo estudio'         => 'bg-success',
                                'Nuevos estudios masivo' => 'bg-success',
                                'Bloqueo agregado' => 'bg-success',
                                'Crear doctor' => 'bg-success',
                                'Modulo Agregado' => 'bg-success',

                                'Editar'    => 'bg-warning text-dark',
                                'Cita editada'    => 'bg-warning text-dark',
                                'Edito doctor' => 'bg-warning text-dark',
                                'Edito estudio' => 'bg-warning text-dark',

                                'Eliminar'      => 'bg-danger',
                                'Cita eliminada'      => 'bg-danger',
                                'Elimino estudio'      => 'bg-danger',
                                'Bloqueo eliminado'  => 'bg-danger',
                                'Elimino doctor' => 'bg-warning text-dark',

                                'activó'       => 'bg-info',
                                'Actualizo estudio'    => 'bg-info',
                                'Estado actualizado'       => 'bg-info',


                                'desactivó'    => 'bg-danger',

                                default        => 'bg-secondary'

                            };

                        @endphp

                        <tr>

                            <td>

                                <div class="fw-semibold">

                                    {{ $log->created_at->format('d/m/Y') }}

                                </div>

                                <small class="text-muted">

                                    {{ $log->created_at->format('H:i A') }}

                                </small>

                            </td>

                            <td>

                                <span class="badge {{ $moduloClass }}">

                                    {{ $log->modulo }}

                                </span>

                            </td>

                            <td>

                                <span class="badge {{ $accionClass }}">

                                    {{ ucfirst($log->accion) }}

                                </span>

                            </td>

                            <td>

                                <div class="d-flex align-items-center">

                                    <div
                                        class="avatar-xs rounded-circle bg-primary-subtle d-flex align-items-center justify-content-center me-2">

                                        <i class="ti ti-user text-primary"></i>

                                    </div>

                                    <span>

                                        {{ optional($log->admin)->name ?? 'Sistema' }}

                                    </span>

                                </div>

                            </td>

                            <td>

                                {{ $log->descripcion }}

                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td colspan="5" class="text-center py-5 text-muted">

                                No existen registros.

                            </td>

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

        <div class="card-footer">

            <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">

                <small class="text-muted">

                    Mostrando
                    {{ $logs->firstItem() ?? 0 }}
                    -
                    {{ $logs->lastItem() ?? 0 }}
                    de
                    {{ number_format($logs->total()) }}
                    registros

                </small>

                {{ $logs->links('pagination::bootstrap-5') }}

            </div>

        </div>

    </div>

</div>

@endsection