@extends('layouts.app')
@section('title','Configuración de Alertas')
@section('page-title','Alertas Configurables')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="#">Configuración</a></li>
    <li class="breadcrumb-item active">Alertas</li>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show py-2">
    <i class="fas fa-check-circle mr-1"></i>{{ session('success') }}
    <button type="button" class="close" data-dismiss="alert">&times;</button>
</div>
@endif

<form action="{{ route('configuracion.alertas.update') }}" method="POST">
@csrf
@method('PUT')

<div class="card mb-0">
    <div class="card-header py-2 d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-bell mr-1"></i>Umbrales de Alertas por Módulo</h3>
        <button type="submit" class="btn btn-success btn-sm">
            <i class="fas fa-save mr-1"></i>Guardar Cambios
        </button>
    </div>
    <div class="card-body">
        <div class="alert alert-info py-2 mb-3">
            <i class="fas fa-info-circle mr-1"></i>
            Configure los umbrales que disparan cada alerta en el Dashboard Gerencial y los paneles de cada módulo. Las alertas inactivas no se mostrarán.
        </div>

        @php
            $iconos = [
                'logistica'    => 'fas fa-truck text-info',
                'calidad'      => 'fas fa-flask text-success',
                'produccion'   => 'fas fa-industry text-primary',
                'mantenimiento'=> 'fas fa-wrench text-warning',
                'rrhh'         => 'fas fa-users text-secondary',
                'gerencial'    => 'fas fa-chart-line text-danger',
                'general'      => 'fas fa-cog text-muted',
            ];
            $etiquetas = [
                'logistica'    => 'Logística',
                'calidad'      => 'Calidad',
                'produccion'   => 'Producción',
                'mantenimiento'=> 'Mantenimiento',
                'rrhh'         => 'RRHH',
                'gerencial'    => 'Gerencial',
                'general'      => 'General',
            ];
            $i = 0;
        @endphp

        @foreach($modulos as $modulo => $alertas)
        <div class="card mb-3">
            <div class="card-header py-2 bg-light">
                <h3 class="card-title">
                    <i class="{{ $iconos[$modulo] ?? 'fas fa-bell' }} mr-1"></i>
                    {{ $etiquetas[$modulo] ?? ucfirst($modulo) }}
                </h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm table-hover mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th style="width:35%">Alerta</th>
                            <th style="width:40%">Descripción</th>
                            <th style="width:15%" class="text-center">Umbral</th>
                            <th style="width:10%" class="text-center">Activa</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($alertas as $alerta)
                        <input type="hidden" name="alertas[{{ $i }}][id]" value="{{ $alerta->id }}">
                        <tr>
                            <td class="font-weight-bold small">{{ $alerta->label }}</td>
                            <td class="small text-muted">{{ $alerta->descripcion }}</td>
                            <td class="text-center">
                                <div class="input-group input-group-sm">
                                    <input type="number" step="0.01" min="0"
                                           name="alertas[{{ $i }}][valor]"
                                           value="{{ number_format($alerta->valor_umbral, 2, '.', '') }}"
                                           class="form-control form-control-sm text-right"
                                           style="width:80px;">
                                    @if($alerta->unidad)
                                    <div class="input-group-append">
                                        <span class="input-group-text" style="font-size:10px;">{{ $alerta->unidad }}</span>
                                    </div>
                                    @endif
                                </div>
                            </td>
                            <td class="text-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox"
                                           class="custom-control-input"
                                           id="activa_{{ $alerta->id }}"
                                           name="alertas[{{ $i }}][activa]"
                                           value="1"
                                           {{ $alerta->activa ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="activa_{{ $alerta->id }}"></label>
                                </div>
                            </td>
                        </tr>
                        @php $i++; @endphp
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endforeach

        <div class="text-right">
            <button type="submit" class="btn btn-success">
                <i class="fas fa-save mr-1"></i>Guardar todos los cambios
            </button>
        </div>
    </div>
</div>
</form>
@endsection