@extends('adminlte::page')

@section('title', 'Detalle de símbolo')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="mb-0">Detalle de símbolo militar</h1>

        <div>
            <a href="{{ route('simbolos.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-arrow-left"></i> Volver
            </a>

            @if(auth()->user()->hasRole('administrador') || auth()->user()->hasRole('admin') || auth()->user()->hasRole('operador'))
                <a href="{{ route('simbolos.edit', $simbolo) }}" class="btn btn-warning btn-sm">
                    <i class="fas fa-edit"></i> Editar
                </a>
            @endif
        </div>
    </div>
@stop

@section('content')

@php
    /*
    |--------------------------------------------------------------------------
    | Datos base para la vista previa reglamentaria
    |--------------------------------------------------------------------------
    */

    $colorFinal = $simbolo->color_final
        ?? $simbolo->color_reglamentario
        ?? '#0057B8';

    $codigoFinal = $simbolo->abreviatura
        ?? $simbolo->codigo
        ?? 'UN';

    $magnitudFinal = $simbolo->magnitud
        ?? $simbolo->magnitud_escalon
        ?? '';

    $designacionIzquierda = $simbolo->designacion_izquierda
        ?? '';

    /*
    |--------------------------------------------------------------------------
    | No colocar el código a la derecha.
    | Esto evita que UN, CMDO, SPAC, etc. aparezcan duplicados.
    |--------------------------------------------------------------------------
    */
    $designacionDerecha = $simbolo->designacion_derecha
        ?? '';

    $informacionAdicional = $simbolo->informacion_adicional
        ?? '';

    $armamentoFinal = $simbolo->armamento
        ?? '';

    $estadoGrafico = $simbolo->estado_grafico
        ?? 'actual';

    $estadoClase = match($estadoGrafico) {
        'futuro' => 'militar-futuro',
        'simulado' => 'militar-simulado',
        default => '',
    };

    /*
    |--------------------------------------------------------------------------
    | Determinar clase gráfica interna del símbolo
    |--------------------------------------------------------------------------
    */

    $valorClase = strtolower(
        ($simbolo->identificacion_clase ?? '')
        . ' '
        . ($simbolo->codigo ?? '')
        . ' '
        . ($simbolo->abreviatura ?? '')
        . ' '
        . ($simbolo->nombre ?? '')
    );

    if (str_contains($valorClase, 'inf')) {
        $claseIdentificacion = 'simbolo-infanteria';
    } elseif (str_contains($valorClase, 'cab')) {
        $claseIdentificacion = 'simbolo-caballeria';
    } elseif (str_contains($valorClase, 'art')) {
        $claseIdentificacion = 'simbolo-artilleria';
    } elseif (str_contains($valorClase, 'com')) {
        $claseIdentificacion = 'simbolo-comunicaciones';
    } elseif (str_contains($valorClase, 'ing')) {
        $claseIdentificacion = 'simbolo-ingenieria';
    } elseif (str_contains($valorClase, 'blind') || str_contains($valorClase, 'tanque')) {
        $claseIdentificacion = 'simbolo-blindados';
    } elseif (str_contains($valorClase, 'mot')) {
        $claseIdentificacion = 'simbolo-motorizado';
    } elseif (str_contains($valorClase, 'selva')) {
        $claseIdentificacion = 'simbolo-selva';
    } elseif (str_contains($valorClase, 'pm')) {
        $claseIdentificacion = 'simbolo-pm';
    } elseif (str_contains($valorClase, 'san')) {
        $claseIdentificacion = 'simbolo-sanidad';
    } elseif (str_contains($valorClase, 'int')) {
        $claseIdentificacion = 'simbolo-intendencia';
    } elseif (str_contains($valorClase, 'mb') || str_contains($valorClase, 'material')) {
        $claseIdentificacion = 'simbolo-material-belico';
    } else {
        $claseIdentificacion = 'simbolo-generico';
    }

    $tipoSimboloTexto = $simbolo->tipo_simbolo_texto
        ?? $simbolo->tipo_simbolo
        ?? 'No definido';

    $afiliacionTexto = $simbolo->afiliacion_texto
        ?? $simbolo->afiliacion_reglamentaria
        ?? $simbolo->afiliacion
        ?? 'No definida';

    $estadoGraficoTexto = $simbolo->estado_grafico_texto
        ?? ucfirst($estadoGrafico);
@endphp

<div class="card card-primary card-outline">
    <div class="card-header">
        <h3 class="card-title">
            Información del símbolo
        </h3>
    </div>

    <div class="card-body">

        <div class="row">

            {{-- DATOS DEL SÍMBOLO --}}
            <div class="col-md-8">

                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th style="width: 230px;">ID</th>
                            <td>{{ $simbolo->id }}</td>
                        </tr>

                        <tr>
                            <th>Nombre</th>
                            <td>{{ $simbolo->nombre ?? 'No definido' }}</td>
                        </tr>

                        <tr>
                            <th>Categoría</th>
                            <td>{{ $simbolo->categoria->nombre ?? 'Sin categoría' }}</td>
                        </tr>

                        <tr>
                            <th>Código</th>
                            <td>{{ $simbolo->codigo ?? 'No definido' }}</td>
                        </tr>

                        <tr>
                            <th>Tipo de símbolo</th>
                            <td>{{ $tipoSimboloTexto }}</td>
                        </tr>

                        <tr>
                            <th>Abreviatura</th>
                            <td>{{ $simbolo->abreviatura ?? 'No definida' }}</td>
                        </tr>

                        <tr>
                            <th>Afiliación reglamentaria</th>
                            <td>{{ $afiliacionTexto }}</td>
                        </tr>

                        <tr>
                            <th>Color reglamentario</th>
                            <td>
                                <span class="badge color-badge" style="background-color: {{ $colorFinal }};">
                                    {{ $colorFinal }}
                                </span>
                            </td>
                        </tr>

                        <tr>
                            <th>Estado gráfico</th>
                            <td>{{ $estadoGraficoTexto }}</td>
                        </tr>

                        <tr>
                            <th>Magnitud de escalón</th>
                            <td>{{ $magnitudFinal ?: 'No definida' }}</td>
                        </tr>

                        <tr>
                            <th>Designación izquierda</th>
                            <td>{{ $designacionIzquierda ?: 'No definida' }}</td>
                        </tr>

                        <tr>
                            <th>Designación derecha</th>
                            <td>{{ $designacionDerecha ?: 'No definida' }}</td>
                        </tr>

                        <tr>
                            <th>Información adicional</th>
                            <td>{{ $informacionAdicional ?: 'No definida' }}</td>
                        </tr>

                        <tr>
                            <th>Armamento / calibre</th>
                            <td>{{ $armamentoFinal ?: 'No definido' }}</td>
                        </tr>

                        <tr>
                            <th>Aplicación gráfica</th>
                            <td>
                                @if($simbolo->es_punto ?? false)
                                    <span class="badge badge-primary">Punto</span>
                                @endif

                                @if($simbolo->es_linea ?? false)
                                    <span class="badge badge-success">Línea</span>
                                @endif

                                @if($simbolo->es_area ?? false)
                                    <span class="badge badge-warning">Área</span>
                                @endif

                                @if($simbolo->es_combinable ?? false)
                                    <span class="badge badge-info">Combinable</span>
                                @endif

                                @if(
                                    !($simbolo->es_punto ?? false)
                                    && !($simbolo->es_linea ?? false)
                                    && !($simbolo->es_area ?? false)
                                    && !($simbolo->es_combinable ?? false)
                                )
                                    <span class="text-muted">No definida</span>
                                @endif
                            </td>
                        </tr>

                        <tr>
                            <th>Estado</th>
                            <td>
                                @if($simbolo->activo ?? true)
                                    <span class="badge badge-success">Activo</span>
                                @else
                                    <span class="badge badge-danger">Inactivo</span>
                                @endif
                            </td>
                        </tr>

                        <tr>
                            <th>Descripción</th>
                            <td>{{ $simbolo->descripcion ?? 'Sin descripción' }}</td>
                        </tr>
                    </tbody>
                </table>

            </div>

            {{-- IMAGEN Y VISTA PREVIA --}}
            <div class="col-md-4">

                <div class="card">
                    <div class="card-header bg-light">
                        <strong>Imagen original</strong>
                    </div>

                    <div class="card-body text-center">
                        @if($simbolo->imagen)
                            <img src="{{ asset('storage/' . $simbolo->imagen) }}"
                                 alt="{{ $simbolo->nombre }}"
                                 class="img-fluid border rounded p-2"
                                 style="max-height: 180px; object-fit: contain;">
                        @else
                            <div class="alert alert-secondary mb-0">
                                No tiene imagen registrada.
                            </div>
                        @endif
                    </div>
                </div>

                <div class="card mt-3">
                    <div class="card-header bg-light">
                        <strong>Vista previa reglamentaria</strong>
                    </div>

                    <div class="card-body text-center">
                        <div class="preview-detalle">
                            <div class="militar-symbol {{ $estadoClase }}" style="--militar-color: {{ $colorFinal }};">

                                @if($magnitudFinal)
                                    <div class="militar-magnitud">
                                        {{ $magnitudFinal }}
                                    </div>
                                @endif

                                <div class="militar-cuerpo">

                                    <div class="militar-lateral militar-izq">
                                        {{ $designacionIzquierda }}
                                    </div>

                                    <div class="militar-marco">
                                        <div class="militar-centro-identidad {{ $claseIdentificacion }}"
                                             data-label="{{ $codigoFinal }}">
                                        </div>

                                        @if($informacionAdicional)
                                            <span class="militar-info">
                                                {{ $informacionAdicional }}
                                            </span>
                                        @endif
                                    </div>

                                    <div class="militar-lateral militar-der">
                                        {{ $designacionDerecha }}
                                    </div>

                                </div>

                                @if($armamentoFinal)
                                    <div class="militar-armamento">
                                        {{ $armamentoFinal }}
                                    </div>
                                @endif

                                <div class="militar-nombre">
                                    {{ $simbolo->nombre }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
</div>

@stop

@section('css')
<link rel="stylesheet" href="{{ asset('css/simbolos-militares.css') }}">
@stop