@extends('layouts.app')

@section('header_title', $isEdit ? 'Editar Conta a Pagar' : 'Nova Conta a Pagar')
@section('header_description', 'Cadastre compromissos financeiros da empresa.')

@section('content')
<section class="page-head-row">
    <h2>{{ $isEdit ? 'Atualizar Conta' : 'Cadastrar Conta' }}</h2>
    <a href="{{ route('finance.payable.index') }}" class="secondary-btn">Voltar</a>
</section>

<article class="card panel form-panel">
    <form method="POST" action="{{ $isEdit ? route('finance.payable.update', $account) : route('finance.payable.store') }}" class="grid-form">
        @csrf
        @if ($isEdit) @method('PUT') @endif

        <div>
            <label for="description">Descricao</label>
            <input id="description" name="description" type="text" value="{{ old('description', $account->description) }}" required>
            @error('description')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div>
            <label for="vendor_name">Fornecedor</label>
            <input id="vendor_name" name="vendor_name" type="text" value="{{ old('vendor_name', $account->vendor_name) }}">
            @error('vendor_name')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div>
            <label for="amount">Valor</label>
            <input id="amount" name="amount" type="number" step="0.01" min="0.01" value="{{ old('amount', $account->amount ?? 0) }}" required>
            @error('amount')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div>
            <label for="due_date">Vencimento</label>
            <input id="due_date" name="due_date" type="date" value="{{ old('due_date', optional($account->due_date)->format('Y-m-d')) }}" required>
            @error('due_date')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div class="full-width">
            <label for="notes">Observacoes</label>
            <textarea id="notes" name="notes" rows="4">{{ old('notes', $account->notes) }}</textarea>
            @error('notes')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div class="full-width form-actions"><button type="submit" class="primary-btn">{{ $isEdit ? 'Salvar' : 'Cadastrar' }}</button></div>
    </form>
</article>
@endsection