@extends('layouts.app')

@section('title', 'Certificados y Garantías')
@section('hi', 'Certificados y Garantías')
@section('hi_sub', 'Catálogo')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Certificados y Garantías</h1>
            <p class="page-sub">Emisión de certificados de autenticidad y garantías.</p>
        </div>
        @if(auth()->user()->company_id)
            <a href="{{ route('certificates.create') }}" class="btn-primary">@include('partials.icon', ['name' => 'plus', 'class' => 'ic-sm']) Nuevo documento</a>
        @endif
    </div>

    <div class="card table-card">
        <div class="toolbar">
            <form class="search" method="GET" action="{{ route('certificates.index') }}">
                @include('partials.icon', ['name' => 'search'])
                <input type="text" name="q" value="{{ $q }}" placeholder="Buscar por N°, pieza o cliente...">
            </form>
        </div>
        <table class="dt">
            <thead><tr><th>N°</th><th>Tipo</th><th>Pieza</th><th>Cliente</th><th>Emitido</th><th>Estado</th><th style="text-align:right">Acciones</th></tr></thead>
            <tbody>
            @forelse($certificates as $c)
                <tr>
                    <td class="strong mono">{{ $c->number }}</td>
                    <td><span class="badge badge-type">{{ $c->typeLabel() }}</span></td>
                    <td>
                        <div class="strong">{{ $c->item_description }}</div>
                        <div class="muted">{{ $c->material }}</div>
                    </td>
                    <td>{{ $c->customer->name ?? '—' }}</td>
                    <td class="muted">{{ optional($c->issued_at)->format('d/m/y') ?: '—' }}</td>
                    <td><span class="badge {{ $c->status === 'void' ? 'badge-off' : 'badge-on' }}">{{ $c->status === 'void' ? 'Anulado' : 'Vigente' }}</span></td>
                    <td style="text-align:right">
                        <div class="actions">
                            <a href="{{ route('certificates.edit', $c) }}" class="btn-outline btn-icon" title="Editar">@include('partials.icon', ['name' => 'edit', 'class' => 'ic-sm'])</a>
                            <a href="{{ route('certificates.show', $c) }}" class="btn-outline btn-sm" style="padding:8px 12px">Ver</a>
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty">
                    @if(auth()->user()->company_id) No hay documentos emitidos. @else Ingresa como usuario de una empresa para gestionar certificados. @endif
                </div></td></tr>
            @endforelse
            </tbody>
        </table>
        @include('partials.pager', ['paginator' => $certificates])
    </div>
@endsection