@extends('layout.administrator.index')
@section('title', 'Comentarios de Alarmas')

@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('administrator.dashboard') }}"><i class="fa fa-dashboard"></i> Inicio</a>
                </li>
                <li class="breadcrumb-item active">Comentarios de alarmas</li>
            </ol>
        </section>

        <section class="content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row mb-4 text-center">
                        <div class="col-md-6">
                            <div class="card shadow-sm border-0">
                                <div class="card-body">
                                    <h6 class="text-muted mb-1">Total comentarios de alarmas</h6>
                                    <h3 class="fw-bold mb-0">{{ $comments_all }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card shadow-sm border-0">
                                <div class="card-body">
                                    <h6 class="text-muted mb-1">Activos</h6>
                                    <h3 class="fw-bold mb-0">{{ $comments_active }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <form action="{{ route('administrator.alarm-comments.index') }}" method="get" class="box box-solid mb-3">
                        <div class="box-body">
                            <div class="row g-3 align-items-end">
                                <div class="col-md-8">
                                    <label for="search" class="form-label">Buscar</label>
                                    <input type="text" id="search" name="search" class="form-control"
                                        value="{{ request()->search }}"
                                        placeholder="Código, texto o muestra">
                                </div>
                                <div class="col-md-2">
                                    <label for="status" class="form-label">Estado</label>
                                    <select class="form-control" id="status" name="status">
                                        <option value="">Todos</option>
                                        <option value="1" {{ request()->status == '1' ? 'selected' : '' }}>Activo</option>
                                        <option value="2" {{ request()->status == '2' ? 'selected' : '' }}>Inactivo</option>
                                    </select>
                                </div>
                                <div class="col-md-2 text-right">
                                    <a href="{{ route('administrator.alarm-comments.index') }}" class="btn btn-default">
                                        <i class="fa fa-refresh"></i> Limpiar
                                    </a>
                                    <button type="submit" class="btn btn-info">
                                        <i class="fa fa-search"></i> Buscar
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="box">
                        <div class="box-header with-border">
                            <h4 class="box-title">Comentarios generados por alarmas</h4>
                        </div>
                        <div class="box-body">
                            <table class="table table-sm table-hover table-responsive" id="alarmCommentsTable">
                                <thead>
                                    <tr>
                                        <th class="text-center">Código</th>
                                        <th class="text-center">Muestra</th>
                                        <th class="text-center">Texto</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center">Fecha Creación</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @forelse ($comments as $comentario)
                                        <tr>
                                            <td><strong>{{ $comentario->code ?? '---' }}</strong></td>
                                            <td>
                                                @if ($comentario->sample_id_from_code)
                                                    #{{ $comentario->sample_id_from_code }}
                                                @else
                                                    ---
                                                @endif
                                            </td>
                                            <td class="text-left">{{ $comentario->comment_text ?? '---' }}</td>
                                            <td>
                                                @if ($comentario->status == 1)
                                                    <span class="badge bg-success">Activo</span>
                                                @elseif ($comentario->status == 2)
                                                    <span class="badge bg-danger">Inactivo</span>
                                                @else
                                                    <span class="badge bg-secondary">N/D</span>
                                                @endif
                                            </td>
                                            <td>{{ $comentario->created_at ?? '---' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5">No se encontraron comentarios generados por alarmas</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div class="d-flex justify-content-center mt-3">
                                {{ $comments->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@section('js')
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#alarmCommentsTable').DataTable({
                paging: false,
                searching: false,
                info: false
            });
        });
    </script>
@endsection