@php
    $id_usuario = session('id_usuario');
    $usuarios_notificacion_manual = isset($usuarios_notificacion) ? $usuarios_notificacion : $usuarios;
    
@endphp

<style>
    #create_notificacion_requisicion_modal .requisicion-notificaciones-table-responsive {
        overflow-x: auto;
        border: 1px solid rgba(34, 36, 38, 0.12);
        border-radius: 4px;
        background: #fff;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table {
        min-width: 1040px;
        margin-bottom: 0 !important;
        border: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0;
        font-size: 12px;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table > thead > tr > th {
        padding: 9px 10px;
        vertical-align: middle;
        color: #212529;
        background-color: #f9fafb;
        border-top: 0 !important;
        border-bottom: 1px solid rgba(34, 36, 38, 0.12);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table > tbody > tr > td {
        padding: 8px 10px;
        vertical-align: middle;
        font-size: 12px;
        line-height: 1.35;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table > tbody > tr:hover > td {
        background-color: #f5f7fa;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-creado {
        width: 110px;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-mensaje {
        width: 48%;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-generado,
    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-receptores {
        width: 180px;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-estatus {
        width: 96px;
        text-align: center;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-table .col-acciones {
        width: 76px;
        text-align: center;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-status {
        min-width: 78px;
        padding: 6px 9px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-delete-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0 !important;
        border-radius: 4px !important;
        line-height: 1 !important;
    }

    #create_notificacion_requisicion_modal .requisicion-notificaciones-delete-btn i.icon {
        margin: 0 !important;
    }
</style>

<!--MODAL DESTROY-->
<div class="modal fade" name="create_notificacion_requisicion_modal" id="create_notificacion_requisicion_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="{{url('create_notificacion_reporte_requisicion')}}" method="post">
                {{csrf_field()}}

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Crear notificación</h5>
                    <button type="button" class="close reset" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="card text-center" style="/*margin-top: 50px;*/">
                        <div class="card-header">
                            Datos generales
                        </div>
                        <div class="card-body">
                            <div class="form-row">
                                <div class="form-group col-md-12 text-left">
                                    <label class="font-weight-bold" for="fecha_notificacion">Fecha</label>
                                    <input class="form-control" type="date" id="fecha_notificacion" name="fecha_notificacion" value="{{date('Y-m-d')}}">
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-md-12 text-left">
                                    <label class="font-weight-bold" for="receptores_notificacion">Receptor(es)</label>
                                    <select name="receptores_notificacion[]" id="receptores_notificacion" class="form-control selectpicker" multiple required>            
                                        <option disabled>--Seleccione--</option>
                                        @foreach ($usuarios_notificacion_manual as $usuario)
                                            <option value="{{$usuario->id_usuario}}">{{$usuario->nombre}} {{$usuario->apellidos}}</option>
                                        @endforeach
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-md-12 text-left">
                                    <label class="font-weight-bold" for="nombre_empresa_factura">Mensaje</label>
                                    <textarea class="form-control" name="mensaje_notificacion" id="mensaje_notificacion" cols="30" rows="5"></textarea>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-12 text-left">
                                    <div class="table-responsive requisicion-notificaciones-table-responsive">
                                    <table class="table table-bordered table-striped table-hover requisicion-notificaciones-table">
                                        <thead>
                                            <tr>
                                                <th class="col-creado">Creado</th>
                                                <th class="col-mensaje">Mensaje</th>
                                                <th class="col-generado">Generado por</th>
                                                <th class="col-receptores">Receptor(es)</th>
                                                <th class="col-estatus">Estatus</th>
                                                <th class="col-acciones">Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {{-- Presentación global/legacy preparada sin consultas adicionales por fila. --}}
                                            @if ($notificaciones_reporte && $notificaciones_reporte->count())
                                                @foreach ($notificaciones_reporte as $notificacion)
                                                    @php
                                                        $fecha_creacion_raw = $notificacion->created_at
                                                            ? $notificacion->created_at
                                                            : $notificacion->fecha;
                                                        $fecha_creacion_timestamp = $fecha_creacion_raw
                                                            ? strtotime((string) $fecha_creacion_raw)
                                                            : false;
                                                        $fecha_creacion_notificacion = $fecha_creacion_timestamp !== false
                                                            ? date('d/m/Y H:i', $fecha_creacion_timestamp)
                                                            : formatDateForDisplay($notificacion->fecha);
                                                    @endphp
                                                    <tr>
                                                        <td class="col-creado">{{$fecha_creacion_notificacion}}</td>
                                                        <td class="col-mensaje">{{$notificacion->mensaje}}</td>
                                                        <td class="col-generado">{{$notificacion->emisor_presentacion}}</td>
                                                        <td class="col-receptores">{{$notificacion->receptores_presentacion}}</td>
                                                        <td class="col-estatus">
                                                            @if ($notificacion->estatus_presentacion == 1)
                                                                <span class="btn btn-success requisicion-notificaciones-status">Revisado</span>
                                                                @else
                                                                <span class="btn btn-warning requisicion-notificaciones-status">Pendiente</span>
                                                            @endif
                                                            
                                                        </td>
                                                        <td class="col-acciones">
                                                            @if (!isset($notificacion->puede_eliminar_desde_historial) || $notificacion->puede_eliminar_desde_historial)
                                                                <button type="button"
                                                                        class="ui button red icon delete_notificacion requisicion-notificaciones-delete-btn"
                                                                        data-id_requisicion_notificacion="{{$notificacion->id_requisicion_notificacion}}"
                                                                        data-id_notificacion_global="{{$notificacion->id_notificacion_global}}"
                                                                        data-origen_notificacion="{{$notificacion->origen_presentacion}}"
                                                                        title="Eliminar notificación"
                                                                        aria-label="Eliminar notificación">
                                                                    <i class="trash alternate icon" aria-hidden="true"></i>
                                                                </button>
                                                            @else
                                                                <span aria-label="Sin acciones disponibles">—</span>
                                                            @endif
                                                        </td>
                                                    </tr> 
                                                @endforeach
                                            
                                            @else
                                                <tr>
                                                    <td colspan="6" class="text-center">No hay notificaciones registradas.</td>
                                                </tr>
                                            @endif
                                            
                                        </tbody>
                                    </table>
                                    </div>
                                </div>
                            </div>
                            {{--
                            <div class="form-row">
                                <div class="form-group col-md-12 text-left">
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" class="custom-control-input" id="suministro_parcial" name="como_recibe_servicio_suministro" value="Suministro Parcial">
                                        <label class="custom-control-label" for="suministro_parcial">Suministro Parcial</label>
                                      </div>
                                      <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" class="custom-control-input" id="suministro_total" name="como_recibe_servicio_suministro" value="Suministro total">
                                        <label class="custom-control-label" for="suministro_total">Suministro total</label>
                                      </div>
                                </div>
                            </div>
                            --}}
                            
                        </div>
                        
                    </div>
                </div>
                <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="times icon"></i>Cerrar</button>
                <button type="submit" class="btn btn-primary">
                    <i class="save icon"></i>Guardar
                </button>
                </div>
                <input hidden id="id_requisicion_reporte" name="id_requisicion_reporte" value="{{$id_requisicion_reporte}}">
                <input hidden id="id_usuario_emisor" name="id_usuario_emisor" value="{{session('id_usuario')}}">
            </form>
        </div>
    </div>
</div>