@extends('layout')

@section('content')
    @php
        $editing = is_array($tx) ? isset($tx['id']) : $tx !== null;
        $txId = is_array($tx) ? ($tx['id'] ?? null) : $tx->id ?? null;
        $action = $editing ? '/financeiro/'.$txId : '/financeiro';
        $dir = old('direction', field_value($tx, 'direction', 'saida'));
        $status = old('status', field_value($tx, 'status', 'realizado'));
        $catId = old('category_id', field_value($tx, 'category_id', ''));
        $cliId = old('client_id', field_value($tx, 'client_id', ''));
        $sysId = field_raw_value($tx, 'system_id', '');
        $prjId = old('project_id', field_value($tx, 'project_id', ''));
        $contextValue = old('context_id', $prjId !== '' ? 'project:'.$prjId : ($sysId !== '' ? 'system:'.$sysId : ''));
        $walletId = old('wallet_id', field_value($tx, 'wallet_id', ''));
        $paymentMethod = old('payment_method', field_value($tx, 'payment_method', 'nao_informado'));
        $rawAmount = is_array($tx) ? ($tx['amount'] ?? null) : ($tx->amount ?? null);
        $amount = old('amount', $rawAmount && (float) $rawAmount > 0 ? number_format((float) $rawAmount, 2, ',', '.') : '');
    @endphp

    <div class="page-head">
        @include('partials.context-back')
        <div class="t"><h1>{{ $editing ? 'Editar lançamento' : 'Novo lançamento' }}</h1></div>
    </div>

    @if ($editing && ($asaasSeriesSize ?? 0) > 0)
        <div class="notice" style="margin-bottom:16px">
            <i class="ic sm">autorenew</i>
            Esta cobrança pertence a uma assinatura Asaas. Ao salvar categoria, cliente ou vínculo, os demais {{ $asaasSeriesSize - 1 }} lançamento(s) vinculados a ela serão atualizados, e a regra ficará salva para as próximas cobranças.
        </div>
    @endif

    @if ($editing && !empty($gatewayRecord?->payment_url))
        <div class="notice" style="margin-bottom:16px">
            <i class="ic sm">open_in_new</i>
            <span>Checkout {{ strtoupper($gatewayRecord->provider) }} · {{ $gatewayRecord->status }}. <a href="{{ $gatewayRecord->payment_url }}" target="_blank" rel="noopener noreferrer">Abrir link do provedor</a></span>
        </div>
    @endif

    <form class="form card pad-lg finance-form" method="post" action="{{ url($action) }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}"
          x-data="{ dir: '{{ $dir }}', status: '{{ $status }}' }">
        @csrf
        @if ($editing) @method('PUT') @endif

        <input type="hidden" name="direction" :value="dir">
        <input type="hidden" name="status" :value="status">

        <div class="form-grid thirds">
            <div class="field">
                <label>Tipo</label>
                <div class="segmented" style="width:100%">
                    <button type="button" style="flex:1" :class="{ active: dir === 'entrada' }" @click="dir = 'entrada'">
                        <i class="ic sm">north_east</i> Entrada
                    </button>
                    <button type="button" style="flex:1" :class="{ active: dir === 'saida' }" @click="dir = 'saida'">
                        <i class="ic sm">south_west</i> Saída
                    </button>
                </div>
            </div>
            <div class="field">
                <label>Situação</label>
                <div class="segmented" style="width:100%">
                    <button type="button" style="flex:1" :class="{ active: status === 'realizado' }" @click="status = 'realizado'">Realizado</button>
                    <button type="button" style="flex:1" :class="{ active: status === 'previsto' }" @click="status = 'previsto'">
                        <span x-text="dir === 'entrada' ? 'A receber' : 'A pagar'"></span>
                    </button>
                </div>
            </div>
            <div class="field">
                <label for="wallet_id">Conta / carteira</label>
                <select id="wallet_id" name="wallet_id" data-searchable-select>
                    <option value="">— Não definida —</option>
                    @foreach ($wallets as $wallet)
                        <option value="{{ $wallet->id }}" {{ (string) $walletId === (string) $wallet->id ? 'selected' : '' }}>{{ $wallet->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="form-grid thirds finance-form-dates">
            <div class="field{{ field_state('amount') }}">
                <label for="amount">Valor (R$) <span class="hint">obrigatório</span></label>
                <input type="text" id="amount" name="amount" inputmode="decimal" data-mask="money" required
                       placeholder="0,00" value="{{ $amount }}">
                {!! field_error('amount') !!}
            </div>
            <div class="field" x-show="status === 'realizado'">
                <label for="paid_at">Data do <span x-text="dir === 'entrada' ? 'recebimento' : 'pagamento'"></span></label>
                <input type="date" id="paid_at" name="paid_at" value="{{ field_date_value($tx, 'paid_at', now()->toDateString()) }}">
            </div>
            <div class="field" x-show="status === 'previsto'" x-cloak>
                <label for="due_date">Vencimento</label>
                <input type="date" id="due_date" name="due_date" value="{{ field_date_value($tx, 'due_date', now()->toDateString()) }}">
            </div>
            <div class="field">
                <label for="payment_method"><span x-text="dir === 'entrada' ? 'Forma de recebimento' : 'Forma de pagamento'"></span></label>
                <select id="payment_method" name="payment_method">
                    @foreach (\App\Models\Transaction::PAYMENT_METHODS as $value => $label)
                        <option value="{{ $value }}" {{ (string) $paymentMethod === $value ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="field{{ field_state('description') }}">
            <label for="description">Descrição <span class="hint">obrigatório</span></label>
            <input type="text" id="description" name="description" required maxlength="200" value="{{ field_value($tx, 'description') }}">
            {!! field_error('description') !!}
        </div>

        <div class="form-grid thirds">
            <div class="field">
                <label for="category_id">Categoria</label>
                <select id="category_id" name="category_id" data-searchable-select data-category-select>
                    <option value="">— Sem categoria —</option>
                    @foreach ($categories as $c)
                        <option value="{{ $c->id }}" data-kind="{{ $c->kind }}" {{ (string) $catId === (string) $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                    <option value="__new_category__" data-new-category>＋ Nova categoria…</option>
                </select>
                <div class="field-inline-actions">
                    <a href="{{ url('financeiro/categorias') }}" class="primary-text small">gerenciar</a>
                </div>
            </div>
            <div class="field">
                <label for="client_id">Cliente</label>
                <select id="client_id" name="client_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($clients as $c)
                        <option value="{{ $c->id }}" {{ (string) $cliId === (string) $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <label for="finance-context">Relativo à</label>
                <select id="finance-context" name="context_id" data-searchable-select>
                    <option value="">— Sem vínculo —</option>
                    @if ($projects->isNotEmpty())
                        <optgroup label="Projetos">
                            @foreach ($projects as $p)
                                <option value="project:{{ $p->id }}" data-client-ids="{{ $p->client_id ? $p->client_id : '' }}" {{ $contextValue === 'project:'.$p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                    @if ($systems->isNotEmpty())
                        <optgroup label="Soluções">
                            @foreach ($systems as $system)
                                <option value="system:{{ $system->id }}" data-client-ids="{{ implode(',', $system->client_ids) }}" {{ $contextValue === 'system:'.$system->id ? 'selected' : '' }}>{{ $system->name }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                </select>
            </div>
        </div>

        <div class="field{{ field_state('notes') }}">
            <label for="transaction-notes-surface">Anotações</label>
            @include('partials.rich-editor', [
                'richEditorId' => 'transaction-notes',
                'richEditorName' => 'notes',
                'richEditorValue' => field_raw_value($tx, 'notes'),
                'richEditorMaxlength' => 4000,
                'richEditorPlaceholder' => 'Detalhes, comprovantes e observações do lançamento…',
                'richEditorHint' => 'Registre informações complementares sem alterar a descrição principal.',
            ])
            {!! field_error('notes') !!}
        </div>

        <div class="form-actions">
            <a href="{{ url('financeiro') }}" class="btn btn--ghost">Cancelar</a>
            <button type="submit" class="btn btn--primary"><i class="ic">check</i> {{ $editing ? 'Salvar' : 'Lançar' }}</button>
        </div>
    </form>

    <dialog class="category-dialog" id="category-modal" aria-labelledby="category-modal-title">
        <form method="post" action="{{ url('financeiro/categorias') }}" data-ajax data-category-create>
            @csrf
            <div class="card-head"><h2 id="category-modal-title">Nova categoria</h2><button type="button" class="icon-btn" data-category-close aria-label="Fechar"><i class="ic sm">close</i></button></div>
            <div class="card-body">
                <div class="field"><label for="inline-category-name">Nome</label><input id="inline-category-name" name="name" required maxlength="60" placeholder="Ex.: Mensalidade"></div>
                <input type="hidden" name="kind" value="saida">
                <input type="hidden" name="icon" value="sell">
                <input type="hidden" name="color" value="muted">
                <p class="hint">A categoria será criada para a direção selecionada e já ficará disponível neste lançamento.</p>
                <div class="form-actions"><button type="button" class="btn btn--ghost" data-category-close>Cancelar</button><button type="submit" class="btn btn--primary">Criar categoria</button></div>
            </div>
        </form>
    </dialog>

    @if ($editing)
        <form method="post" action="{{ url('financeiro/'.$txId) }}" data-ajax data-method="DELETE"
              data-confirm="Excluir este lançamento?" class="form" style="margin-top:14px">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn--danger btn--block"><i class="ic">delete</i> Excluir lançamento</button>
        </form>
    @endif
@endsection