@php
    $id_usuario = session('id_usuario');
@endphp

<style>
.modal-lg {
    max-width: 90% !important;
}

.equipo-check-card {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 12px;
    background: #fafafa;
}

.equipo-check-item {
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
}

.equipo-check-item:last-child {
    border-bottom: none;
}

.equipo-meta {
    font-size: 12px;
    color: #666;
}

.badge-estatus {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
}

.badge-estatus.verde {
    background: #d4edda;
    color: #155724;
}

.badge-estatus.rojo {
    background: #f8d7da;
    color: #721c24;
}

.badge-estatus.amarillo {
    background: #fff3cd;
    color: #856404;
}

.badge-estatus.default {
    background: #e2e3e5;
    color: #383d41;
}
</style>

@component('fragments.modal')
    @slot('idmodal')
        create_reporte_capitulo_equipos_modal
    @endslot

    @slot('title')
        Equipo Empleado
    @endslot

    @slot('action')
        <form action="{{url('linea_de_pruebas/'.$id_linea_prueba_reporte.'/pruebas_de_muestra/'.$id_capitulo.'/update_reporte_evaluacion_linea_de_pruebas_modal')}}" method="post" role="form" enctype="multipart/form-data">
            {{csrf_field()}}
            <input type="hidden" id="id_linea_prueba_reporte" name="id_linea_prueba_reporte" value="{{$id_linea_prueba_reporte}}">
            <input type="hidden" name="id_capitulo_debug" value="{{$id_capitulo}}">
            <input type="hidden" name="modo_modal_equipos" value="1">
    @endslot

    @slot('form')
        <div class="container-fluid">

            <div class="row">
                <div class="col-lg-12">
                    <h4>{{$capitulo->numero}}. {{$capitulo->capitulo}}</h4>
                    <p class="text-muted">Selecciona el o los equipos utilizados para esta prueba.</p>
                    <hr>
                </div>
            </div>

            @if($variables_capitulo->count() > 0)
                @foreach($variables_capitulo as $variable)
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="equipo-check-card">

                                <h5 style="margin-top:0;">
                                    @if(!empty($variable->numero_inciso))
                                        <strong>{{ $variable->numero_inciso }}</strong>
                                    @endif

                                    @if(!empty($variable->nombre_inciso))
                                        {{ $variable->nombre_inciso }}
                                    @endif
                                </h5>

                                @if(!empty($variable->nombre_definido))
                                    <div style="margin-bottom:10px;">
                                        {!! $variable->nombre_definido !!}
                                    </div>
                                @endif

                                @if(!empty($variable->nota))
                                    <div class="alert alert-warning" style="margin-bottom:10px;">
                                        <strong>Nota:</strong> {{ $variable->nota }}
                                    </div>
                                @endif

                                <hr>

                                @if($equipos->count() > 0)
                                    <div class="row">
                                        <div class="col-lg-12">
                                            @foreach($equipos as $equipo)
                                                @php
                                                    $estatusClase = 'default';

                                                    if (!empty($equipo->estatus)) {
                                                        $estatus = strtolower(trim($equipo->estatus));

                                                        if ($estatus === 'verde') {
                                                            $estatusClase = 'verde';
                                                        } elseif ($estatus === 'rojo') {
                                                            $estatusClase = 'rojo';
                                                        } elseif ($estatus === 'amarillo') {
                                                            $estatusClase = 'amarillo';
                                                        }
                                                    }

                                                    $checked = $variable->equipos_seleccionados->contains((int) $equipo->id_equipo);
                                                @endphp

                                                <div class="equipo-check-item">
                                                    <div class="checkbox">
                                                        <label style="width:100%;">
                                                            <input
                                                                type="checkbox"
                                                                name="id_eval_equipo_{{$variable->id_inciso_x_variable}}[]"
                                                                value="{{$equipo->id_equipo}}"
                                                                @if($checked) checked @endif
                                                            >
                                                            <strong>{{$equipo->clave}} - {{$equipo->equipo}}</strong>
                                                        </label>
                                                    </div>

                                                    <div class="equipo-meta">
                                                        Marca: {{$equipo->marca ?: 'N/D'}}
                                                        &nbsp;|&nbsp;
                                                        Modelo: {{$equipo->modelo ?: 'N/D'}}
                                                        @if(!empty($mostrar_fecha_vigencia_calibracion))
                                                            @php
                                                                $fechaVigenciaCalibracion = !empty($equipo->fecha_vigencia)
                                                                    ? \Carbon\Carbon::parse($equipo->fecha_vigencia)->format('d/m/Y')
                                                                    : '-';
                                                            @endphp
                                                            &nbsp;|&nbsp;
                                                            Fecha de vigencia de calibración: {{$fechaVigenciaCalibracion}}
                                                        @endif
                                                        &nbsp;|&nbsp;
                                                        Estatus:
                                                        <span class="badge-estatus {{$estatusClase}}">
                                                            @if ($equipo->estatus == 'verde')
                                                                Activo
                                                            @endif
                                                            @if ($equipo->estatus == 'rojo')
                                                                Inactivo
                                                            @endif
                                                        </span>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @else
                                    <div class="alert alert-warning">
                                        No hay equipos asignados a la norma de este reporte.
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-warning">
                            No se encontraron variables configuradas para este capítulo.
                        </div>
                    </div>
                </div>
            @endif

        </div>
    @endslot

    @slot('button')
        <button type="submit" class="btn btn-primary">
            <i class="save icon"></i>Guardar
        </button>
    @endslot
@endcomponent