@extends('partials.layout')

@section('title','Mangueras')
@section('subtitle','Listado y mantenimiento de mangueras')
@section('back')
    <a class="btn" href="{{ route('mangueras.create') }}">+ Agregar manguera</a>
@endsection

@section('content')
    <table>
        <thead>
        <tr>
            <th>ID</th>
            <th>Estación</th>
            <th>Cara</th>
            <th>Tipo combustible</th>
            <th>Número</th>
            <th>Estado</th>
            <th>Acciones</th>
        </tr>
        </thead>
        <tbody>
        @foreach($items as $item)
            <tr>
                <td>{{ $item->id_manguera }}</td>

                <td>
                    @php($estacionNombre = $item->cara?->estacion?->nombre)
                    @php($bg = '#dbeafe')
                    @php($color = '#1e40af')
                    @php($state = $item->estado)

                    {{-- Colorea por valor real de Estación: ISLA 1/2/3 (y si salen otros, usa hash) --}}
                    @if($estacionNombre === 'ISLA 1')
                        @php($bg = '#fecaca')
                        @php($color = '#991b1b')
                    @elseif($estacionNombre === 'ISLA 2')
                        @php($bg = '#fef3c7')
                        @php($color = '#92400e')
                    @elseif($estacionNombre === 'ISLA 3')
                        @php($bg = '#ede9fe')
                        @php($color = '#5b21b6')
                    @else
                        @php($hash = crc32((string)$estacionNombre))
                        @php($palette = [
                            ['bg' => '#dbeafe', 'color' => '#1e3a8a'],
                            ['bg' => '#dcfce7', 'color' => '#166534'],
                            ['bg' => '#fee2e2', 'color' => '#991b1b'],
                            ['bg' => '#fef3c7', 'color' => '#92400e'],
                            ['bg' => '#ede9fe', 'color' => '#5b21b6'],
                            ['bg' => '#ffedd5', 'color' => '#9a3412'],
                        ])
                        @php($idx = $hash % count($palette))
                        @php($bg = $palette[$idx]['bg'])
                        @php($color = $palette[$idx]['color'])
                    @endif

                    <span style="padding: 4px 8px; border-radius: 6px; font-size: 12px; background: {{ $bg }}; color: {{ $color }};">
                        {{ $estacionNombre }}
                    </span>

                </td>

                <td>
                    @php($caraNombre = $item->cara?->nombre)
                    @php($bgCara = '#dbeafe')
                    @php($colorCara = '#1e40af')

                    @if($caraNombre === 'CARA 1' || $caraNombre === 'Cara 1' || $caraNombre === 'LADO 1')
                        @php($bgCara = '#fecaca')
                        @php($colorCara = '#991b1b')
                    @elseif($caraNombre === 'CARA 2' || $caraNombre === 'Cara 2' || $caraNombre === 'LADO 2')
                        @php($bgCara = '#fef3c7')
                        @php($colorCara = '#92400e')
                    @elseif($caraNombre === 'CARA 3' || $caraNombre === 'Cara 3' || $caraNombre === 'LADO 3')
                        @php($bgCara = '#ede9fe')
                        @php($colorCara = '#5b21b6')

                    @else
                        @php($hashCara = crc32((string)$caraNombre))
                        @php($paletteCara = [
                            ['bg' => '#dbeafe', 'color' => '#1e3a8a'],
                            ['bg' => '#dcfce7', 'color' => '#166534'],
                            ['bg' => '#fee2e2', 'color' => '#991b1b'],
                            ['bg' => '#fef3c7', 'color' => '#92400e'],
                            ['bg' => '#ede9fe', 'color' => '#5b21b6'],
                            ['bg' => '#ffedd5', 'color' => '#9a3412'],
                        ])
                        @php($idxCara = $hashCara % count($paletteCara))
                        @php($bgCara = $paletteCara[$idxCara]['bg'])
                        @php($colorCara = $paletteCara[$idxCara]['color'])
                    @endif

                    <span style="padding: 4px 8px; border-radius: 6px; font-size: 12px; background: {{ $bgCara }}; color: {{ $colorCara }};">{{ $caraNombre }}</span>
                </td>

                <td>{{ $item->tipoCombustible?->nombre }}</td>

                <td>
                    {{ $item->numero_manguera }}
                </td>
                <td>{{ $item->estado == 1 ? 'Activo' : 'Inactivo' }}</td>
                <td>
                    <div style="display:flex;gap:8px;flex-wrap:wrap">
                        <a class="btn" href="{{ route('mangueras.edit',$item->id_manguera) }}">Editar</a>
                        <form method="POST" action="{{ route('mangueras.destroy',$item->id_manguera) }}" onsubmit="return confirm('¿Eliminar esta manguera?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn danger" type="submit">Eliminar</button>
                        </form>
                    </div>
                </td>
            </tr>

        @endforeach
        </tbody>
    </table>
@endsection