@props([
    'id',
    'title' => 'Confirmar desactivación',
    'entityName',
    'entityData' => [],
    'warningMessage' => 'Esta acción desactivará el registro. Los datos se conservarán en el sistema y podrán ser reactivados posteriormente.',
    'route',
    'buttonText' => 'Desactivar',
    'showAvatar' => false,
    'method' => 'DELETE',
    'hiddenFields' => []
])

<div class="modal fade" id="deleteModal{{ $id }}" tabindex="-1" aria-labelledby="deleteModalLabel{{ $id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteModalLabel{{ $id }}">
                    <i class="bi bi-exclamation-triangle-fill me-2"></i>
                    {{ $title }}
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p class="mb-3">¿Está seguro que desea realizar esta acción?</p>
                
                <div class="alert alert-light border">
                    @if($showAvatar && isset($entityData['iniciales']))
                        <div class="d-flex align-items-center gap-2 mb-2">
                            <div class="rounded-circle bg-body-tertiary d-flex align-items-center justify-content-center fw-semibold"
                                 style="width:42px;height:42px;">
                                {{ $entityData['iniciales'] }}
                            </div>
                            <div>
                                <strong class="d-block">{{ $entityName }}</strong>
                                @if(isset($entityData['subtitle']))
                                    <small class="text-muted">{{ $entityData['subtitle'] }}</small>
                                @endif
                            </div>
                        </div>
                    @else
                        <strong class="d-block mb-1">{{ $entityName }}</strong>
                        @if(isset($entityData['subtitle']))
                            <small class="text-muted d-block">{{ $entityData['subtitle'] }}</small>
                        @endif
                    @endif
                    
                    @if(isset($entityData['details']) && is_array($entityData['details']))
                        <div class="text-muted small mt-2">
                            @foreach($entityData['details'] as $detail)
                                {!! $detail !!}<br>
                            @endforeach
                        </div>
                    @endif
                </div>
                
                <div class="alert alert-info mb-0">
                    <i class="bi bi-info-circle me-2"></i>
                    <small>
                        <strong>Importante:</strong> {{ $warningMessage }}
                    </small>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="bi bi-x-circle me-1"></i>
                    Cancelar
                </button>
                <form action="{{ $route }}" method="POST" class="d-inline">
                    @csrf
                    @if(strtoupper($method) !== 'POST')
                        @method($method)
                    @endif
                    @if(is_array($hiddenFields) && count($hiddenFields) > 0)
                        @foreach($hiddenFields as $fieldName => $fieldValue)
                            <input type="hidden" name="{{ $fieldName }}" value="{{ $fieldValue }}">
                        @endforeach
                    @endif
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-trash me-1"></i>
                        {{ $buttonText }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>