@extends('layouts.app')
@section('title', 'Procesos de Proyecto')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2 align-items-center">
            <div class="col-sm-6">
                <h1>Procesos de Proyecto</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}"><i class="fas fa-home"></i></a>
                    </li>
                    <li class="breadcrumb-item active">Procesos</li>
                </ol>
            </div>
        </div>
    </div>
</section>
<section class="content">
    <div class="container-fluid">

        <div class="card">
            <div class="card-header d-flex justify-content-end">
                @can('crear-proceso')
                    <button class="btn btn-success" data-toggle="modal" data-target="#modalCrearProceso">
                        <i class="fas fa-plus"></i> Nuevo Proceso
                    </button>
                    @include('procesos.create')
                @endcan
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped nowrap datatable-custom" style="width:100%;">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Nombre</th>
                                <th>Descripción</th>
                                <th class="col-acciones">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($procesos as $proceso)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $proceso->nombre }}</td>
                                    <td>{{ $proceso->descripcion }}</td>
                                    <td class="text-center">
                                        <div class="btn-group btn-group-sm">
                                            @can('ver-proceso')
                                                <button class="btn btn-success" data-toggle="modal"
                                                    data-target="#modalShow{{ $proceso->id_proceso }}" title="Ver">
                                                    <i class="fas fa-eye"></i>
                                                </button>
                                            @endcan

                                            @can('editar-proceso')
                                                <button class="btn btn-warning" data-toggle="modal"
                                                    data-target="#modalEditarProceso{{ $proceso->id_proceso }}" title="Editar">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                            @endcan

                                            @can('borrar-proceso')
                                                <button type="button" class="btn btn-danger btn-sm btn-eliminar-global"
                                                    data-toggle="modal" data-target="#modalEliminarGlobal"
                                                    data-url="{{ route('procesos.destroy', $proceso->id_proceso) }}"
                                                    data-nombre="{{ $proceso->nombre }}">
                                                    <i class="fas fa-trash-alt"></i>
                                                </button>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center">No hay procesos registrados.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @foreach ($procesos as $proceso)
            @can('ver-proceso')
                @include('procesos.show', ['proceso' => $proceso])
            @endcan

            @can('editar-proceso')
                @include('procesos.edit', ['proceso' => $proceso])
            @endcan

            @can('borrar-proceso')
                @include('alerts.modal-eliminar')
            @endcan
        @endforeach
    </div>
</section>
@endsection