@extends('admin.layouts.app')

@php
    $isExpense = $type === \App\Models\FinancialDocument::TYPE_EXPENSE;
    $title = $isExpense ? 'Criar despesa' : 'Criar receita';
    $entityLabel = $isExpense ? 'Fornecedor' : 'Cliente';
    $settledLabel = $isExpense ? 'Marcar fatura como paga' : 'Marcar fatura como recebida';
    $storeRoute = $isExpense ? route('admin.financial.expenses.store') : route('admin.financial.revenues.store');
@endphp

@section('content')
    <div class="azp-page">
        <div class="azp-page-header">
            <div>
                <h1 class="azp-page-title">{{ $title }}</h1>
                <div class="azp-page-subtitle">Registo financeiro por clube</div>
            </div>

            <div class="azp-actions">
                <a href="{{ route('admin.financial.index') }}" class="btn outline">Gestao</a>
            </div>
        </div>

        @if(session('success'))
            <div class="flash success">{{ session('success') }}</div>
        @endif

        <form method="POST" action="{{ $storeRoute }}" enctype="multipart/form-data" id="financialForm">
            @csrf

            <div class="azp-card">
                <div class="azp-section-title">Documento</div>
                <div class="azp-form-grid">
                    <div class="field">
                        <label class="label" for="description">Descricao</label>
                        <textarea name="description" id="description" required>{{ old('description') }}</textarea>
                    </div>

                    <div class="field">
                        <label class="label" for="typology">Tipologia de {{ $isExpense ? 'despesa' : 'receita' }}</label>
                        <select name="typology" id="typology" required>
                            <option value="">Selecionar</option>
                            @foreach($typologies as $typology)
                                <option value="{{ $typology }}" {{ old('typology') === $typology ? 'selected' : '' }}>{{ $typology }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field">
                        <label class="label" for="invoice_date">Data da fatura</label>
                        <input type="date" name="invoice_date" id="invoice_date" value="{{ old('invoice_date', date('Y-m-d')) }}" required>
                    </div>

                    <div class="field">
                        <label class="label" for="club_id">Clube</label>
                        <select name="club_id" id="club_id" required>
                            <option value="">Selecionar</option>
                            @foreach($clubs as $club)
                                <option value="{{ $club->id }}" {{ (string) old('club_id') === (string) $club->id ? 'selected' : '' }}>{{ $club->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    @if($isExpense)
                        <div class="field">
                            <label class="label" for="category_code">Categoria</label>
                            <select name="category_code" id="category_code" required>
                                <option value="">Selecionar</option>
                                @foreach($categories as $code => $name)
                                    <option value="{{ $code }}" {{ old('category_code') === $code ? 'selected' : '' }}>{{ $code }} - {{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif

                    <div class="field">
                        <label class="label" for="document">Documento da fatura</label>
                        <input type="file" name="document" id="document" accept="image/*">
                        <div class="hint">Imagem ate 5MB.</div>
                    </div>
                </div>
            </div>

            <div class="azp-card">
                <div class="azp-section-title">{{ $entityLabel }}</div>
                <div class="azp-form-grid">
                    <div class="field">
                        <label class="label" for="entity_id">{{ $entityLabel }} existente</label>
                        <select name="entity_id" id="entity_id">
                            <option value="">Criar novo ou deixar em branco</option>
                            @foreach($entities as $entity)
                                <option value="{{ $entity->id }}" {{ (string) old('entity_id') === (string) $entity->id ? 'selected' : '' }}>
                                    {{ $entity->name }}{{ $entity->tax_id ? ' - NIF '.$entity->tax_id : '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field">
                        <label class="label" for="entity_name">Nome</label>
                        <input type="text" name="entity_name" id="entity_name" value="{{ old('entity_name') }}">
                    </div>

                    <div class="field">
                        <label class="label" for="entity_tax_id">NIF</label>
                        <input type="text" name="entity_tax_id" id="entity_tax_id" value="{{ old('entity_tax_id') }}">
                    </div>

                    <div class="field">
                        <label class="label" for="entity_address">Morada</label>
                        <input type="text" name="entity_address" id="entity_address" value="{{ old('entity_address') }}">
                    </div>

                    <div class="field">
                        <label class="label" for="entity_description">Descricao</label>
                        <textarea name="entity_description" id="entity_description">{{ old('entity_description') }}</textarea>
                    </div>
                </div>
            </div>

            <div class="azp-card">
                <div class="azp-section-title">Valores</div>
                <div class="azp-form-grid">
                    <div class="field">
                        <label class="label" for="invoice_number">Numero da fatura</label>
                        <input type="text" name="invoice_number" id="invoice_number" value="{{ old('invoice_number') }}" required>
                    </div>

                    <div class="field">
                        <label class="label" for="due_date">Prazo de pagamento</label>
                        <input type="date" name="due_date" id="due_date" value="{{ old('due_date') }}">
                    </div>

                    <div class="field">
                        <label class="label">&nbsp;</label>
                        <label style="display:flex; align-items:center; gap:8px; min-height:34px;">
                            <input type="checkbox" name="is_settled" value="1" {{ old('is_settled') ? 'checked' : '' }}>
                            <span>{{ $settledLabel }}</span>
                        </label>
                    </div>
                </div>

                <div style="margin-top:18px;">
                    <div class="azp-section-title">Valores de IVA</div>
                    <div id="vatRows">
                        @php $vatOld = old('vat_lines', [['amount' => '', 'vat_rate' => '23']]); @endphp
                        @foreach($vatOld as $i => $line)
                            <div class="azp-form-grid vat-row" style="grid-template-columns: minmax(180px, 1fr) minmax(140px, 180px) minmax(160px, 1fr) auto; margin-bottom:8px;">
                                <div class="field">
                                    <label class="label">Valor sem IVA</label>
                                    <input type="number" step="0.01" min="0" name="vat_lines[{{ $i }}][amount]" value="{{ $line['amount'] ?? '' }}" class="vat-amount" placeholder="Ex: 40.00">
                                </div>
                                <div class="field">
                                    <label class="label">Taxa IVA</label>
                                    <select name="vat_lines[{{ $i }}][vat_rate]" class="vat-rate">
                                        @foreach([0, 6, 13, 23] as $rate)
                                            <option value="{{ $rate }}" {{ (string) ($line['vat_rate'] ?? '23') === (string) $rate ? 'selected' : '' }}>{{ $rate }}%</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="field">
                                    <label class="label">Total da linha</label>
                                    <input type="text" class="vat-line-total" value="0.00" readonly>
                                </div>
                                <button type="button" class="btn outline remove-row">Remover</button>
                            </div>
                        @endforeach
                    </div>
                    <button type="button" class="btn outline" id="addVat">Adicionar valor de IVA</button>

                    <div class="azp-form-grid" style="margin-top:14px;">
                        <div class="field">
                            <label class="label" for="total_amount">Total com IVA</label>
                            <input type="number" step="0.01" min="0" name="total_amount" id="total_amount" value="{{ old('total_amount', '0.00') }}" required>
                            <div class="hint">Calculado automaticamente pela soma das linhas de IVA.</div>
                        </div>
                    </div>
                </div>

                <div style="margin-top:18px;">
                    <div class="azp-section-title">Repartir {{ $isExpense ? 'despesa' : 'receita' }}</div>
                    <div id="splitRows">
                        @foreach(old('splits', []) as $i => $split)
                            <div class="azp-form-grid split-row" style="grid-template-columns: minmax(220px, 1fr) minmax(180px, 220px) auto; margin-bottom:8px;">
                                <div class="field">
                                    <select name="splits[{{ $i }}][club_id]">
                                        <option value="">Clube</option>
                                        @foreach($clubs as $club)
                                            <option value="{{ $club->id }}" {{ (string) ($split['club_id'] ?? '') === (string) $club->id ? 'selected' : '' }}>{{ $club->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="field">
                                    <input type="number" step="0.01" min="0" name="splits[{{ $i }}][amount]" value="{{ $split['amount'] ?? '' }}" placeholder="Valor">
                                </div>
                                <button type="button" class="btn outline remove-row">Remover</button>
                            </div>
                        @endforeach
                    </div>
                    <button type="button" class="btn outline" id="addSplit">Adicionar clube</button>
                </div>

                <div class="form-actions">
                    <a href="{{ route('admin.financial.index') }}" class="btn outline">Cancelar</a>
                    <button type="submit" class="btn primary">Guardar</button>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
        (function(){
            var clubs = @json($clubs->map(function($club){ return ['id' => $club->id, 'name' => $club->name]; })->values());
            var splitIndex = {{ count(old('splits', [])) }};
            var vatIndex = {{ count(old('vat_lines', [['amount' => '', 'vat_rate' => '23']])) }};

            function money(value){
                return (Math.round(value * 100) / 100).toFixed(2);
            }

            function recalcTotal(){
                var sum = 0;
                document.querySelectorAll('.vat-row').forEach(function(row){
                    var amountInput = row.querySelector('.vat-amount');
                    var rateInput = row.querySelector('.vat-rate');
                    var lineTotalInput = row.querySelector('.vat-line-total');
                    var amount = parseFloat(String((amountInput && amountInput.value) || '0').replace(',', '.'));
                    var rate = parseFloat(String((rateInput && rateInput.value) || '0').replace(',', '.'));
                    var lineTotal = 0;

                    if(!isNaN(amount)){
                        lineTotal = amount * (1 + ((isNaN(rate) ? 0 : rate) / 100));
                        sum += lineTotal;
                    }

                    if(lineTotalInput){
                        lineTotalInput.value = money(lineTotal);
                    }
                });

                if(sum > 0){
                    document.getElementById('total_amount').value = money(sum);
                }
            }

            function bindRemove(scope){
                scope.querySelectorAll('.remove-row').forEach(function(btn){
                    btn.onclick = function(){
                        var row = btn.closest('.vat-row') || btn.closest('.split-row');
                        if(row) row.remove();
                        recalcTotal();
                    };
                });
            }

            document.getElementById('addVat').addEventListener('click', function(){
                var wrap = document.createElement('div');
                wrap.className = 'azp-form-grid vat-row';
                wrap.style.cssText = 'grid-template-columns:minmax(180px, 1fr) minmax(140px, 180px) minmax(160px, 1fr) auto; margin-bottom:8px;';
                wrap.innerHTML = '<div class="field"><label class="label">Valor sem IVA</label><input type="number" step="0.01" min="0" name="vat_lines['+vatIndex+'][amount]" class="vat-amount" placeholder="Ex: 40.00"></div><div class="field"><label class="label">Taxa IVA</label><select name="vat_lines['+vatIndex+'][vat_rate]" class="vat-rate"><option value="0">0%</option><option value="6">6%</option><option value="13">13%</option><option value="23" selected>23%</option></select></div><div class="field"><label class="label">Total da linha</label><input type="text" class="vat-line-total" value="0.00" readonly></div><button type="button" class="btn outline remove-row">Remover</button>';
                vatIndex++;
                document.getElementById('vatRows').appendChild(wrap);
                bindRemove(wrap);
            });

            document.getElementById('addSplit').addEventListener('click', function(){
                var options = '<option value="">Clube</option>';
                clubs.forEach(function(club){
                    options += '<option value="'+club.id+'">'+club.name+'</option>';
                });

                var wrap = document.createElement('div');
                wrap.className = 'azp-form-grid split-row';
                wrap.style.cssText = 'grid-template-columns:minmax(220px, 1fr) minmax(180px, 220px) auto; margin-bottom:8px;';
                wrap.innerHTML = '<div class="field"><select name="splits['+splitIndex+'][club_id]">'+options+'</select></div><div class="field"><input type="number" step="0.01" min="0" name="splits['+splitIndex+'][amount]" placeholder="Valor"></div><button type="button" class="btn outline remove-row">Remover</button>';
                splitIndex++;
                document.getElementById('splitRows').appendChild(wrap);
                bindRemove(wrap);
            });

            document.addEventListener('input', function(e){
                if(e.target.classList && (e.target.classList.contains('vat-amount') || e.target.classList.contains('vat-rate'))){
                    recalcTotal();
                }
            });

            document.addEventListener('change', function(e){
                if(e.target.classList && e.target.classList.contains('vat-rate')){
                    recalcTotal();
                }
            });

            bindRemove(document);
            recalcTotal();
        })();
    </script>
@endpush