@extends('layouts.app')
@section('title','Cliente: '.$cliente->razon_social)
@section('page-title','Detalle de Cliente')

@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 mb-3">
    <div class="card-body py-3">
        <div class="d-flex justify-content-between align-items-center flex-wrap" style="gap:10px;">
            <div>
                <h4 class="mb-1" style="color:#2E7D32;"><i class="fas fa-{{ $cliente->tipo==='internacional'?'globe':'building' }} mr-2"></i>{{ $cliente->razon_social }}</h4>
                @if($cliente->nombre_comercial)<small class="text-muted">{{ $cliente->nombre_comercial }}</small>@endif
                <span class="badge badge-{{ $cliente->tipo==='nacional'?'success':'info' }} ml-2">{{ ucfirst($cliente->tipo) }}</span>
                @if(!$cliente->activo)<span class="badge badge-secondary ml-1">Inactivo</span>@endif
            </div>
            <div class="d-flex" style="gap:8px;">
                <a href="{{ route('comercial.clientes.edit', $cliente) }}" class="btn btn-warning btn-sm"><i class="fas fa-edit mr-1"></i>Editar</a>
                <a href="{{ route('comercial.cotizaciones.create', ['cliente_id'=>$cliente->id]) }}" class="btn btn-info btn-sm"><i class="fas fa-file-invoice mr-1"></i>Cotizar</a>
                <a href="{{ route('comercial.pedidos.create', ['cliente_id'=>$cliente->id]) }}" class="btn btn-primary btn-sm"><i class="fas fa-plus mr-1"></i>Nuevo Pedido</a>
                <a href="{{ route('comercial.clientes.pdf', $cliente) }}" class="btn btn-secondary btn-sm" target="_blank"><i class="fas fa-file-pdf mr-1"></i>PDF</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-info-circle mr-1"></i>Información</h3></div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-4 text-white-50">RUC / Tax ID</dt>
                    <dd class="col-sm-8 text-white"><code>{{ $cliente->ruc ?? $cliente->tax_id ?? '—' }}</code></dd>
                    <dt class="col-sm-4 text-white-50">País</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->pais ?? '—' }}</dd>
                    <dt class="col-sm-4 text-white-50">Teléfono</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->telefono ?? '—' }}</dd>
                    <dt class="col-sm-4 text-white-50">Email</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->email ?? '—' }}</dd>
                    <dt class="col-sm-4 text-white-50">Contacto</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->contacto_nombre ?? '—' }}</dd>
                    <dt class="col-sm-4 text-white-50">Moneda</dt>
                    <dd class="col-sm-8"><span class="badge badge-secondary">{{ $cliente->moneda_preferida }}</span></dd>
                    <dt class="col-sm-4 text-white-50">Incoterm</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->incoterm_habitual ?? '—' }}</dd>
                    <dt class="col-sm-4 text-white-50">Dirección</dt>
                    <dd class="col-sm-8 text-white">{{ $cliente->direccion ?? '—' }}</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-file-alt mr-1"></i>Últimas Cotizaciones</h3></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light"><tr><th>N°</th><th>Total</th><th>Estado</th><th>Fecha</th></tr></thead>
                    <tbody>
                    @forelse($cliente->cotizaciones as $cot)
                    <tr>
                        <td><a href="{{ route('comercial.cotizaciones.show',$cot) }}">{{ $cot->numero }}</a></td>
                        <td>{{ $cot->moneda }} {{ number_format($cot->total,2) }}</td>
                        <td><span class="badge badge-{{ $cot->badge_estado }}">{{ \App\Models\CotizacionComercial::$ESTADOS[$cot->estado] }}</span></td>
                        <td>{{ $cot->created_at->format('d/m/Y') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="4" class="text-center text-muted py-2">Sin cotizaciones</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-shopping-cart mr-1"></i>Últimos Pedidos</h3></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light"><tr><th>N°</th><th>Total</th><th>Estado</th><th>Fecha</th></tr></thead>
                    <tbody>
                    @forelse($cliente->pedidos as $ped)
                    <tr>
                        <td><a href="{{ route('comercial.pedidos.show',$ped) }}">{{ $ped->numero }}</a></td>
                        <td>{{ $ped->moneda }} {{ number_format($ped->total,2) }}</td>
                        <td><span class="badge badge-{{ $ped->badge_estado }}">{{ \App\Models\PedidoComercial::$ESTADOS[$ped->estado] }}</span></td>
                        <td>{{ $ped->created_at->format('d/m/Y') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="4" class="text-center text-muted py-2">Sin pedidos</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection