@extends('layouts.app')

@section('header_title', $isEdit ? 'Editar Conta a Receber' : 'Nova Conta a Receber')
@section('header_description', 'Cadastre valores a receber de clientes.')

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

<article class="card panel form-panel">
    <form method="POST" action="{{ $isEdit ? route('finance.receivable.update', $account) : route('finance.receivable.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="customer_id">Cliente cadastrado</label>
            <select id="customer_id" name="customer_id">
                <option value="">Nao vincular cliente</option>
                @foreach ($customers as $customer)
                    <option value="{{ $customer->id }}" @selected((string) old('customer_id', $account->customer_id) === (string) $customer->id)>{{ $customer->name }}</option>
                @endforeach
            </select>
            @error('customer_id')<small class="error-text">{{ $message }}</small>@enderror
        </div>

        <div>
            <label for="customer_name">Cliente</label>
            <input id="customer_name" name="customer_name" type="text" value="{{ old('customer_name', $account->customer_name) }}">
            @error('customer_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