@extends('adminlte::page')

@section('title', 'Metas USD')

@section('plugins.Datatables', true)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1><i class="fas fa-dollar-sign text-success"></i> Metas USD de Vendedores</h1>
        <div>
            @can('seller-goals-crear')
                <a href="{{ route('seller-goals.create') }}" class="btn btn-primary btn-premium" title="Asignar Meta USD a un Vendedor">
                    <i class="fas fa-plus"></i> Nueva Meta
                </a>
            @endcan
        </div>
    </div>
@stop

@section('content')
    <x-ui.card shadow="shadow-sm">
        <x-slot:header>
            <x-ui.card-header title="Listado de Metas USD" icon="fas fa-list text-success" />
        </x-slot:header>

        <div class="table-responsive p-0">
            <table id="seller-goals-table" class="table table-hover w-100 mb-0">
                <thead class="bg-light">
                    <tr>
                        <th title="Código del vendedor en el ERP">Código</th>
                        <th title="Nombre del vendedor">Vendedor</th>
                        <th class="text-right" title="Meta mensual en dólares">Meta USD</th>
                        <th class="text-center" title="Estado de la meta (activa/inactiva)">Activa</th>
                        <th title="Fecha de creación">Creado</th>
                        <th class="text-center" title="Acciones disponibles">Acciones</th>
                    </tr>
                </thead>
            </table>
        </div>
    </x-ui.card>

    @php
        $columns = [
            ['data' => 'co_ven', 'name' => 'co_ven'],
            ['data' => 'seller_name', 'name' => 'seller_name', 'orderable' => false, 'searchable' => false],
            ['data' => 'monthly_goal_usd', 'name' => 'monthly_goal_usd', 'className' => 'text-right'],
            ['data' => 'is_active', 'name' => 'is_active', 'orderable' => false, 'searchable' => false, 'className' => 'text-center'],
            ['data' => 'created_at', 'name' => 'created_at'],
            ['data' => 'action', 'name' => 'action', 'orderable' => false, 'searchable' => false, 'className' => 'text-center'],
        ];
    @endphp

    <x-datatable-script tableId="seller-goals-table" route="/api/v1/seller-goals" :columns="$columns" :order="[[0, 'asc']]" />
@stop