@extends('layouts.app')
@section('title', 'Asignaciones de Procesos')
@section('content')
<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Asignaciones de Procesos</h4>
        </div>
        <div class="card-body">
            
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th></th>
                        <th class="text-center">Fecha</th>
                        <th class="text-center">Proceso</th>
                        <th class="text-center">Abogado</th>
                        <th class="text-center">Tareas</th>
                        <th class="text-center">Adjunto</th>
                        <th class="text-center">Asignado Por</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($asignaciones as $index => $asignacion)
                        <tr>
                            <td class="text-center">
                                <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton{{ $index }}" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ $index }}">
                                    @can('asignaciones.destroy')
                                        <a href="#" 
                                        class="dropdown-item btn-eliminar-asignacion"
                                        data-ruta="{{ route('asignaciones.destroy', $asignacion->id) }}"
                                        data-id="{{ $asignacion->id }}">
                                            Eliminar
                                        </a>
                                    @endcan
                                </div>
                            </td>
                            <td class="text-center">{{ $asignacion->created_at->format('d/m/Y H:i') }}</td>
                            <td class="text-center"><a href="{{ route('procesos.pdf', $asignacion->proceso_id) }}" class="btn btn-link" target="_blank">{{ $asignacion->proceso->codigo_proceso }}</a></td>
                            <td class="text-center">{{ $asignacion->abogado->name ?? 'No asignado' }}</td>
                            <td>{{ $asignacion->observacion }}</td>
                            <td class="text-center">
                                @if($asignacion->adjunto)
                                    <a href="{{ asset('asignaciones/'.$asignacion->adjunto) }}" target="_blank" class="btn btn-link">
                                        Ver Adjunto
                                    </a>
                                @else
                                    —
                                @endif
                            </td>
                            <td class="text-center">{{ $asignacion->asignadoPor->name }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center">Sin asignaciones</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
                 
        </div>
    </div>
    </div>
    <form id="form-eliminar-asignacion" method="POST" style="display:none;">
        @csrf
        @method('DELETE')
    </form>
</div>
@endsection
@section('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {

    document.querySelectorAll('.btn-eliminar-asignacion').forEach(btn => {
        btn.addEventListener('click', function (e) {
            e.preventDefault();

            let id = this.dataset.id;
            let url = this.dataset.ruta;
            let form = document.getElementById('form-eliminar-asignacion');
            form.action = url;

            Swal.fire({
                title: '¿Eliminar asignación?',
                text: 'Esta acción no se puede deshacer.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Sí, eliminar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    form.submit();
                }
            });
        });
    });

});
</script>

@endsection