@extends('layouts.app')
@section('title','Comercial — Clientes')
@section('page-title','Clientes')

@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-users mr-1"></i>Clientes</h3>
        <a href="{{ route('comercial.clientes.create') }}" class="btn btn-success btn-sm"><i class="fas fa-plus mr-1"></i>Nuevo Cliente</a>
    </div>
    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-5">
                <input type="text" name="search" class="form-control form-control-sm" placeholder="Razón social, RUC..." value="{{ request('search') }}">
            </div>
            <div class="col-md-3">
                <select name="tipo" class="form-control form-control-sm">
                    <option value="">— Tipo —</option>
                    <option value="nacional" {{ request('tipo')=='nacional'?'selected':'' }}>Nacional</option>
                    <option value="internacional" {{ request('tipo')=='internacional'?'selected':'' }}>Internacional</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.clientes.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>Razón Social</th><th>Tipo</th><th>RUC / Tax ID</th><th>País</th><th>Moneda</th><th>Incoterm</th><th>Estado</th><th class="text-center">Acciones</th></tr>
                </thead>
                <tbody>
                @forelse($clientes as $c)
                <tr>
                    <td>
                        <a href="{{ route('comercial.clientes.show', $c) }}"><strong>{{ $c->razon_social }}</strong></a>
                        @if($c->nombre_comercial)<br><small class="text-muted">{{ $c->nombre_comercial }}</small>@endif
                    </td>
                    <td><span class="badge badge-{{ $c->tipo==='nacional'?'success':'info' }}">{{ ucfirst($c->tipo) }}</span></td>
                    <td><code>{{ $c->ruc ?? $c->tax_id ?? '—' }}</code></td>
                    <td>{{ $c->pais ?? '—' }}</td>
                    <td><span class="badge badge-secondary">{{ $c->moneda_preferida }}</span></td>
                    <td>{{ $c->incoterm_habitual ?? '—' }}</td>
                    <td>
                        @if($c->activo)<span class="badge badge-success">Activo</span>
                        @else<span class="badge badge-secondary">Inactivo</span>@endif
                    </td>
                    <td class="text-center">
                        <a href="{{ route('comercial.clientes.show', $c) }}" class="btn btn-xs btn-outline-primary"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('comercial.clientes.edit', $c) }}" class="btn btn-xs btn-outline-warning"><i class="fas fa-edit"></i></a>
                        <a href="{{ route('comercial.clientes.pdf', $c) }}" class="btn btn-xs btn-outline-secondary" target="_blank" title="Descargar PDF"><i class="fas fa-file-pdf"></i></a>
                        <form method="POST" action="{{ route('comercial.clientes.toggle', $c) }}" class="d-inline">@csrf
                            <button class="btn btn-xs btn-outline-{{ $c->activo?'secondary':'success' }}" title="{{ $c->activo?'Desactivar':'Activar' }}">
                                <i class="fas fa-{{ $c->activo?'ban':'check' }}"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4"><i class="fas fa-users mr-1"></i>Sin clientes registrados.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $clientes->links() }}
    </div>
</div>
@endsection