@extends('layouts.app')

@section('titulo', $fornecedor->exists ? 'Editar Fornecedor' : 'Novo Fornecedor')
@section('subtitulo', 'Fornecedores')

@section('conteudo')
<form method="POST" action="{{ $fornecedor->exists ? route('fornecedores.update', $fornecedor) : route('fornecedores.store') }}">
    @csrf
    @if ($fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->tipo_pessoa) === 'juridica' ? 'selected' : '' }}>Jurídica</option>
                            <option value="fisica" {{ old('tipo_pessoa', $fornecedor->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', $fornecedor->cpf_cnpj) }}">
                    </div>
                    <div class="col-md-5">
                        <label class="form-label small fw-semibold">IE</label>
                        <input type="text" name="ie" class="form-control" value="{{ old('ie', $fornecedor->ie) }}">
                    </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', $fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->estado) }}">
                    </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', $fornecedor->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', $fornecedor->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', $fornecedor->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', $fornecedor->contato_principal) }}">
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Dados Bancários</div>
                <div class="card-body row g-3">
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Banco</label>
                        <input type="text" name="banco" class="form-control" value="{{ old('banco', $fornecedor->banco) }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-semibold">Agência</label>
                        <input type="text" name="agencia" class="form-control" value="{{ old('agencia', $fornecedor->agencia) }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-semibold">Conta</label>
                        <input type="text" name="conta" class="form-control" value="{{ old('conta', $fornecedor->conta) }}">
                    </div>
                    <div class="col-md-5">
                        <label class="form-label small fw-semibold">PIX</label>
                        <input type="text" name="pix" class="form-control" value="{{ old('pix', $fornecedor->pix) }}">
                    </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', $fornecedor->observacoes) }}</textarea>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-header">Situação</div>
                <div class="card-body">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" id="ativo" name="ativo" value="1" {{ old('ativo', $fornecedor->ativo ?? true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="ativo">Fornecedor ativo</label>
                    </div>
                </div>
            </div>

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