@extends('layouts.layout')

@section('content')

<x-ui.title text="{{ $title }}" />

@php
use Modules\Comercial\UI\ViewModels\Pedido\PedidoOptionsViewModel;

$columns = [
    [
        'label' => 'ID',
        'field' => 'id',
        'render' => fn($row) => $row->id
    ],
    ['label'=>'Fecha','field'=>'fecDoc'],
    ['label'=>'Cliente','field'=>'cliente.nombre'],
    ['label'=>'Vendedor','field'=>'vendedor.nombre'],
    ['label'=>'Total','field'=>'vlrTotal', 'render' => fn($row) => '$ '.number_format($row->vlrTotal)],
    [
        'label' => 'Estado',
        'field' => 'estado',
        'render' => fn ($row) =>
            view('comercial::components.pedidos.estado', [
                'estado' => $row->estado
            ])->render(),
    ],
    [
        'label' => 'Acciones',
        'field' => 'acciones',
        'render' => function($row) {

            // Generar el dropdown como HTML directo
            $dropdown = view('components.ui.option-dropdown-list', [
                'label'   => 'Opciones',
                'icon'    => 'lucide-list',
                'options' => PedidoOptionsViewModel::make($row)
            ])->render();

            // Enviar el dropdown como "extra"
            return view('components.components.actions', [
                'linkEdit'   => 'comercial.pedidos.edit',
                'linkDelete' => 'comercial.pedidos.destroy',
                'id'         => $row->id,
                'extra'      => $dropdown, // ← Aquí va
            ])->render();
        }
    ],
];
@endphp

<x-ui.data-table :rows="$pedidos" :columns="$columns" :link="'comercial.pedidos'" :filters="$filters" />

@endsection