@extends('layouts.app')

@section('title', 'Colaboradores')
@section('subtitle', 'Usuarios que retiran insumos (RUT, centro de costo, estado)')

@section('content')
    @if(session('status'))
        <div class="card" style="border: 1px solid #1f2937; background: #0f172a;">{{ session('status') }}</div>
    @endif

    <div class="card">
        <h3>Nuevo colaborador</h3>
        <form class="form-grid" method="POST" action="{{ route('consumers.store') }}">
            @csrf
            <div>
                <label>RUT</label>
                <input type="text" name="rut" required>
            </div>
            <div>
                <label>Nombre</label>
                <input type="text" name="name" required>
            </div>
            <div>
                <label>Centro de costo</label>
                <input type="text" name="cost_center">
            </div>
            <div class="row" style="align-items: flex-end;">
                <button class="btn btn-primary" type="submit">Crear colaborador</button>
            </div>
        </form>
    </div>

    <div class="card">
        <div class="row" style="justify-content: space-between;">
            <div>
                <h3>Listado de colaboradores</h3>
                <div class="subtitle">Validar activos al registrar entrega</div>
            </div>
            <button class="btn btn-primary" type="button">Nuevo colaborador</button>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th>RUT</th>
                    <th>Nombre</th>
                    <th>Centro de costo</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                @forelse($consumers as $consumer)
                    <tr>
                        <td>{{ $consumer->rut }}</td>
                        <td>{{ $consumer->name }}</td>
                        <td>{{ $consumer->cost_center }}</td>
                        <td>
                            <span class="pill {{ $consumer->active ? 'ingreso' : 'egreso' }}">
                                {{ $consumer->active ? 'Activo' : 'Inactivo' }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4">Sin colaboradores cargados.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection