@extends('layouts.app')
@section('title','Comercial — Pedidos')
@section('page-title','Pedidos de Venta')

@section('content')
@if(session('success'))<div class="alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>{{ session('success') }}</div>@endif

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-shopping-cart mr-1"></i>Pedidos</h3>
        <a href="{{ route('comercial.pedidos.create') }}" class="btn btn-primary btn-sm"><i class="fas fa-plus mr-1"></i>Nuevo Pedido</a>
    </div>
    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-4"><input type="text" name="search" class="form-control form-control-sm" placeholder="N° pedido, cliente..." value="{{ request('search') }}"></div>
            <div class="col-md-2">
                <select name="estado" class="form-control form-control-sm">
                    <option value="">— Estado —</option>
                    @foreach(\App\Models\PedidoComercial::$ESTADOS as $k=>$v)
                    <option value="{{ $k }}" {{ request('estado')===$k?'selected':'' }}>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="tipo" class="form-control form-control-sm">
                    <option value="">— Tipo —</option>
                    <option value="nacional" {{ request('tipo')==='nacional'?'selected':'' }}>Nacional</option>
                    <option value="exportacion" {{ request('tipo')==='exportacion'?'selected':'' }}>Exportación</option>
                </select>
            </div>
            <div class="col-md-2"><button type="submit" class="btn btn-sm btn-primary btn-block">Filtrar</button></div>
            <div class="col-md-2"><a href="{{ route('comercial.pedidos.index') }}" class="btn btn-sm btn-secondary btn-block">Limpiar</a></div>
        </form>
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead class="thead-light">
                    <tr><th>N°</th><th>Cliente</th><th>Tipo</th><th>Moneda</th><th>Total</th><th>Entrega est.</th><th>Estado</th><th class="text-center">Acciones</th></tr>
                </thead>
                <tbody>
                @forelse($pedidos as $ped)
                <tr>
                    <td><a href="{{ route('comercial.pedidos.show',$ped) }}"><strong>{{ $ped->numero }}</strong></a></td>
                    <td>{{ $ped->cliente?->nombre_display }}</td>
                    <td><span class="badge badge-{{ $ped->tipo==='exportacion'?'info':'success' }}">{{ ucfirst($ped->tipo) }}</span></td>
                    <td>{{ $ped->moneda }}</td>
                    <td>{{ number_format($ped->total,2) }}</td>
                    <td>{{ $ped->fecha_entrega_estimada?->format('d/m/Y') ?? '—' }}</td>
                    <td><span class="badge badge-{{ $ped->badge_estado }}">{{ \App\Models\PedidoComercial::$ESTADOS[$ped->estado] }}</span></td>
                    <td class="text-center">
                        <a href="{{ route('comercial.pedidos.show',$ped) }}" class="btn btn-xs btn-outline-primary"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('comercial.pedidos.pdf',$ped) }}" target="_blank" class="btn btn-xs btn-danger" title="Ver PDF"><i class="fas fa-file-pdf"></i></a>
                        @if($ped->tipo==='exportacion' && !$ped->exportacion)
                        <a href="{{ route('comercial.exportaciones.create',['pedido_id'=>$ped->id]) }}" class="btn btn-xs btn-outline-info" title="Crear exportación"><i class="fas fa-ship"></i></a>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4">Sin pedidos.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $pedidos->links() }}
    </div>
</div>
@endsection