@extends('layout')

@section('content')
    <div class="page-head">
        <div class="t"><h1>Contas e carteiras</h1><p class="lead">Separe saldos e concilie cada origem de movimentação.</p></div>
        <div class="actions"><a href="{{ url('financeiro') }}" class="btn btn--ghost"><i class="ic">arrow_back</i><span class="lbl">Financeiro</span></a></div>
    </div>
    <div class="settings-layout">
        <form class="card pad-lg form" method="post" action="{{ url('financeiro/carteiras') }}" data-ajax data-reload="1">
            @csrf
            <div class="profile-form-head"><div><h2>Nova conta ou carteira</h2><p>Use nomes claros, como Banco principal, Caixa ou Cartão corporativo.</p></div><i class="ic lg">account_balance</i></div>
            <div class="field"><label for="wallet-name">Nome</label><input id="wallet-name" name="name" required maxlength="120" placeholder="Ex.: Banco principal"></div>
            <div class="form-grid">
                <div class="field"><label for="wallet-kind">Tipo</label><select id="wallet-kind" name="kind">
                    @foreach (\App\Models\Wallet::KINDS as $kind)<option value="{{ $kind }}">{{ ucfirst($kind) }}</option>@endforeach
                </select></div>
                <div class="field"><label for="wallet-opening">Saldo inicial</label><input id="wallet-opening" name="opening_balance" data-mask="money" inputmode="decimal" placeholder="0,00"></div>
            </div>
            <div class="form-actions"><button class="btn btn--primary" type="submit"><i class="ic">add</i> Criar carteira</button></div>
        </form>
        <section class="card pad-lg">
            <div class="profile-form-head"><div><h2>Carteiras cadastradas</h2><p>Carteiras inativas deixam de aparecer nos novos lançamentos.</p></div><i class="ic lg">account_balance_wallet</i></div>
            <div class="rows">
                @foreach ($wallets as $wallet)
                    <div class="item">
                        <span class="ico {{ $wallet->active ? 'accent' : '' }}"><i class="ic sm">account_balance</i></span>
                        <span class="tx"><p>{{ $wallet->name }}</p><span class="sub">{{ ucfirst($wallet->kind) }} · saldo inicial {{ money((float) $wallet->opening_balance) }}</span></span>
                        <form method="post" action="{{ url('financeiro/carteiras/'.$wallet->id) }}" data-ajax data-reload="1">
                            @csrf
                            @method('PATCH')
                            <button class="btn btn--subtle btn--sm" type="submit">{{ $wallet->active ? 'Desativar' : 'Ativar' }}</button>
                        </form>
                    </div>
                @endforeach
            </div>
        </section>
    </div>
@endsection