@extends('adminlte::page')

@section('title', 'Proveedores')

@section('content_header')
    <h1>Catálogo de Proveedores</h1>
@stop

@section('content')
<div class="card card-outline">
    <div id="suppliers-card-header" class="card-header d-flex align-items-center">
        <i class="fas fa-truck mr-2"></i>
        <h3 class="card-title">Proveedores registrados</h3>

        @can('supplier.create')
            <a href="{{ route('suppliers.create') }}" class="btn btn-success ml-auto">
                <i class="fas fa-plus-circle"></i> Nuevo Proveedor
            </a>
        @endcan
    </div>

    <div class="card-body">
        @if(session('success'))
            <x-adminlte-alert theme="success" title="OK" dismissable>
                {{ session('success') }}
            </x-adminlte-alert>
        @endif

        <x-adminlte-datatable
            id="tableSuppliers"
            :heads="$heads"
            :config="$config"
            striped
            hoverable
            bordered
            with-buttons>

            @foreach($suppliers as $s)
                <tr>
                    <td>{{ $s->name }}</td>
                    <td>{{ $s->tax_id ?? '—' }}</td>
                    <td>{{ $s->country_iso ?: '—' }}</td>
                    <td class="text-center">
                        <span class="status-pill {{ $s->is_active ? 'is-active' : 'is-inactive' }}">
                            {{ $s->is_active ? 'Activo' : 'Inactivo' }}
                        </span>
                    </td>
                    <td class="text-center">
                        @can('supplier.update')
                            <a class="btn btn-xs btn-warning" href="{{ route('suppliers.edit', $s->supplier_id) }}">
                                <i class="fas fa-edit"></i>
                            </a>

                            <form action="{{ route('suppliers.toggle', $s->supplier_id) }}" method="POST" class="d-inline">
                                @csrf
                                @method('PATCH')
                                <button type="submit" class="btn btn-xs btn-outline-secondary btn-toggle">
                                    {{ $s->is_active ? 'Desactivar' : 'Activar' }}
                                </button>
                            </form>
                        @endcan
                    </td>
                </tr>
            @endforeach
        </x-adminlte-datatable>
    </div>
</div>
@stop

@push('css')
<style>
.status-pill{padding:4px 10px;border-radius:9999px;font-size:.75rem}
.status-pill.is-active{background:#d1fae5;color:#065f46}
.status-pill.is-inactive{background:#fee2e2;color:#991b1b}
</style>
@endpush