@extends('layouts.app')

@section('titulo', 'Clientes')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h4 mb-0">Clientes</h1>
        <a href="{{ route('clientes.create') }}" class="btn btn-primary">+ Nuevo cliente</a>
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead><tr><th>Razon social</th><th>RIF</th><th>Condicion IVA</th><th>Telefono</th><th></th></tr></thead>
            <tbody>
                @foreach ($clientes as $cliente)
                    <tr>
                        <td>{{ $cliente->razon_social }}</td>
                        <td>{{ $cliente->rif }}</td>
                        <td>{{ str_replace('_', ' ', $cliente->condicion_iva) }}</td>
                        <td>{{ $cliente->telefono }}</td>
                        <td class="text-end">
                            <a href="{{ route('clientes.edit', $cliente) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                            <form method="POST" action="{{ route('clientes.destroy', $cliente) }}" class="d-inline" onsubmit="return confirm('¿Eliminar este cliente?');">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $clientes->links() }}
@endsection