@extends('layouts.app')

@section('titulo', $cliente->exists ? 'Editar Cliente' : 'Novo Cliente')
@section('subtitulo', 'Clientes')

@section('conteudo')
<form method="POST" action="{{ $cliente->exists ? route('clientes.update', $cliente) : route('clientes.store') }}">
    @csrf
    @if ($cliente->exists) @method('PUT') @endif

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card mb-3">
                <div class="card-header">Dados Gerais</div>
                <div class="card-body row g-3">
                    <div class="col-md-7">
                        <label class="form-label small fw-semibold">Razão Social *</label>
                        <input type="text" name="razao_social" class="form-control" value="{{ old('razao_social', $cliente->razao_social) }}" required>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label small fw-semibold">Nome Fantasia</label>
                        <input type="text" name="nome_fantasia" class="form-control" value="{{ old('nome_fantasia', $cliente->nome_fantasia) }}">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Tipo de Pessoa *</label>
                        <select name="tipo_pessoa" class="form-select" required>
                            <option value="juridica" {{ old('tipo_pessoa', $cliente->tipo_pessoa) === 'juridica' ? 'selected' : '' }}>Jurídica</option>
                            <option value="fisica" {{ old('tipo_pessoa', $cliente->tipo_pessoa) === 'fisica' ? 'selected' : '' }}>Física</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">CPF/CNPJ</label>
                        <input type="text" name="cpf_cnpj" class="form-control" value="{{ old('cpf_cnpj', $cliente->cpf_cnpj) }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-semibold">IE</label>
                        <input type="text" name="ie" class="form-control" value="{{ old('ie', $cliente->ie) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">IM</label>
                        <input type="text" name="im" class="form-control" value="{{ old('im', $cliente->im) }}">
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Endereço</div>
                <div class="card-body row g-3">
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">CEP</label>
                        <input type="text" name="cep" class="form-control" value="{{ old('cep', $cliente->cep) }}">
                    </div>
                    <div class="col-md-7">
                        <label class="form-label small fw-semibold">Endereço</label>
                        <input type="text" name="endereco" class="form-control" value="{{ old('endereco', $cliente->endereco) }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-semibold">Número</label>
                        <input type="text" name="numero" class="form-control" value="{{ old('numero', $cliente->numero) }}">
                    </div>

                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">Complemento</label>
                        <input type="text" name="complemento" class="form-control" value="{{ old('complemento', $cliente->complemento) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">Bairro</label>
                        <input type="text" name="bairro" class="form-control" value="{{ old('bairro', $cliente->bairro) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Cidade</label>
                        <input type="text" name="cidade" class="form-control" value="{{ old('cidade', $cliente->cidade) }}">
                    </div>
                    <div class="col-md-1">
                        <label class="form-label small fw-semibold">UF</label>
                        <input type="text" name="estado" maxlength="2" class="form-control text-uppercase" value="{{ old('estado', $cliente->estado) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Código IBGE</label>
                        <input type="text" name="codigo_ibge" class="form-control" value="{{ old('codigo_ibge', $cliente->codigo_ibge) }}">
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Contato</div>
                <div class="card-body row g-3">
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">Telefone</label>
                        <input type="text" name="telefone" class="form-control" value="{{ old('telefone', $cliente->telefone) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">WhatsApp</label>
                        <input type="text" name="whatsapp" class="form-control" value="{{ old('whatsapp', $cliente->whatsapp) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">E-mail</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $cliente->email) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label small fw-semibold">Contato Principal</label>
                        <input type="text" name="contato_principal" class="form-control" value="{{ old('contato_principal', $cliente->contato_principal) }}">
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Observações</div>
                <div class="card-body">
                    <textarea name="observacoes" class="form-control" rows="3">{{ old('observacoes', $cliente->observacoes) }}</textarea>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-header">Comercial</div>
                <div class="card-body row g-3">
                    <div class="col-12">
                        <label class="form-label small fw-semibold">Limite de Crédito</label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input type="number" step="0.01" name="limite_credito" class="form-control" value="{{ old('limite_credito', $cliente->limite_credito) }}">
                        </div>
                    </div>
                    <div class="col-12">
                        <label class="form-label small fw-semibold">Tabela de Preço</label>
                        <select name="tabela_preco_id" class="form-select">
                            <option value="">— Padrão (Varejo) —</option>
                            @foreach ($tabelasPreco as $tabela)
                                <option value="{{ $tabela->id }}" {{ (string) old('tabela_preco_id', $cliente->tabela_preco_id) === (string) $tabela->id ? 'selected' : '' }}>
                                    {{ $tabela->nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <label class="form-label small fw-semibold">Vendedor Padrão</label>
                        <select name="vendedor_padrao_id" class="form-select">
                            <option value="">— Nenhum —</option>
                            @foreach ($vendedores as $vendedor)
                                <option value="{{ $vendedor->id }}" {{ (string) old('vendedor_padrao_id', $cliente->vendedor_padrao_id) === (string) $vendedor->id ? 'selected' : '' }}>
                                    {{ $vendedor->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="ativo" name="ativo" value="1" {{ old('ativo', $cliente->ativo ?? true) ? 'checked' : '' }}>
                            <label class="form-check-label" for="ativo">Cliente ativo</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill">{{ $cliente->exists ? 'Salvar alterações' : 'Cadastrar cliente' }}</button>
                <a href="{{ $cliente->exists ? route('clientes.show', $cliente) : route('clientes.index') }}" class="btn btn-outline-secondary">Cancelar</a>
            </div>
        </div>
    </div>
</form>
@endsection