@extends('adminlte::page')

@section('title', 'Categorías de símbolos')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="text-dark mb-0">Categorías de símbolos</h1>
            <small class="text-muted">
                Clasificación reglamentaria de la simbología militar
            </small>
        </div>

        @can('solo-admin')
            <a href="{{ route('categorias-simbolos.create') }}" class="btn btn-primary btn-sm">
                <i class="fas fa-plus"></i> Nueva categoría
            </a>
        @endcan
    </div>
@stop

@section('content')

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle"></i>
            {{ session('success') }}

            <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-exclamation-triangle"></i>
            {{ session('error') }}

            <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card card-outline card-primary">
        <div class="card-header">
            <h3 class="card-title">
                Listado de categorías reglamentarias
            </h3>
        </div>

        <div class="card-body table-responsive p-0">
            <table class="table table-hover table-striped mb-0">
                <thead class="bg-light">
                    <tr>
                        <th style="width: 70px;">ID</th>
                        <th>Nombre</th>
                        <th style="width: 120px;">Código</th>
                        <th>Tipo reglamentario</th>
                        <th style="width: 90px;">Orden</th>
                        <th style="width: 110px;">Símbolos</th>
                        <th style="width: 100px;">Estado</th>
                        <th style="width: 230px;">Acciones</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($categorias as $categoria)
                        <tr>
                            <td class="align-middle">
                                {{ $categoria->id }}
                            </td>

                            <td class="align-middle">
                                <strong>{{ $categoria->nombre }}</strong>

                                @if(!empty($categoria->descripcion))
                                    <br>
                                    <small class="text-muted">
                                        {{ \Illuminate\Support\Str::limit($categoria->descripcion, 80) }}
                                    </small>
                                @endif
                            </td>

                            <td class="align-middle">
                                @if($categoria->codigo)
                                    <span class="badge badge-dark">
                                        {{ $categoria->codigo }}
                                    </span>
                                @else
                                    <span class="text-muted">No definido</span>
                                @endif
                            </td>

                            <td class="align-middle">
                                {{ $categoria->tipo_reglamentario_texto ?? 'Sin tipo' }}

                                @if(!empty($categoria->tipo_reglamentario))
                                    <br>
                                    <small class="text-muted">
                                        {{ $categoria->tipo_reglamentario }}
                                    </small>
                                @endif
                            </td>

                            <td class="align-middle text-center">
                                {{ $categoria->orden ?? 0 }}
                            </td>

                            <td class="align-middle text-center">
                                <span class="badge badge-info">
                                    {{ method_exists($categoria, 'simbolos') ? $categoria->simbolos()->count() : 0 }}
                                </span>
                            </td>

                            <td class="align-middle">
                                @if($categoria->activo)
                                    <span class="badge badge-success">Activo</span>
                                @else
                                    <span class="badge badge-danger">Inactivo</span>
                                @endif
                            </td>

                            <td class="align-middle">
                                <div class="btn-group btn-group-sm" role="group">
                                    <a href="{{ route('categorias-simbolos.show', $categoria) }}"
                                       class="btn btn-info">
                                        <i class="fas fa-eye"></i> Ver
                                    </a>

                                    @can('solo-admin')
                                        <a href="{{ route('categorias-simbolos.edit', $categoria) }}"
                                           class="btn btn-warning">
                                            <i class="fas fa-edit"></i> Editar
                                        </a>

                                        <form action="{{ route('categorias-simbolos.destroy', $categoria) }}"
                                              method="POST"
                                              class="d-inline"
                                              onsubmit="return confirm('¿Está seguro de eliminar esta categoría reglamentaria?');">
                                            @csrf
                                            @method('DELETE')

                                            <button type="submit" class="btn btn-danger">
                                                <i class="fas fa-trash"></i> Eliminar
                                            </button>
                                        </form>
                                    @endcan
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-4">
                                <i class="fas fa-info-circle"></i>
                                No hay categorías registradas.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if(method_exists($categorias, 'links'))
            <div class="card-footer clearfix">
                <div class="float-right">
                    {{ $categorias->links('pagination::bootstrap-4') }}
                </div>
            </div>
        @endif
    </div>

@stop

@section('css')
    <style>
        .table td,
        .table th {
            vertical-align: middle;
        }

        .btn-group form {
            margin: 0;
        }

        .btn-group form .btn {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .pagination {
            margin-bottom: 0;
        }

        .pagination svg {
            width: 16px !important;
            height: 16px !important;
        }
    </style>
@stop