@csrf
<input type="hidden" value="{{ $edit->id ?? '' }}" name="id">
@if ($errors->any())
    @foreach ($errors->all() as $item)
        {{ $item }}
    @endforeach
@endif

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label>Nome do Cliente</label>
            <input type="text" class="form-control" value="{{ $edit->nome }}" readonly>
        </div>
    </div>
    <div class="col-md-2">
        <div class="form-group">
            <label>NIF</label>
            <input type="text" class="form-control" value="{{ $edit->nif }}" readonly>
        </div>
    </div>
    <div class="col-md-2">
        <div class="form-group">
            <label>Tipo de Saldo</label>
            @if (isset($view))
                <input type="text" class="form-control" value="{{ $edit->tipo_saldo }}"
                    @isset($view) readonly @endisset>
            @else
                <select name="tipo_saldo" class="form-control" id="tipo" required>
                    <option value="" hidden>Selecione</option>
                    @foreach ($tipos as $key => $item)
                        @if (isset($edit->tipo_saldo))
                            <option value="{{ $item }}" @if ($edit->tipo_saldo == $item) selected @endif>
                                {{ $item }}</option>
                        @else
                            <option value="{{ $item }}"> {{ $item }}</option>
                        @endif
                    @endforeach
                </select>
            @endif
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label>Valor</label>
            <input type="text" name="saldo" id="saldo" class="form-control" placeholder="Digite o título"
                value="{{ 0 ?? old('saldo') }}" @isset($view) readonly @endisset>
            <input type="hidden" id="saldo_existente" value="{{ $edit->saldo }}">
        </div>
    </div>
</div>
<!-- Título -->

<div class="row">

    <div class="col-md-4 offset-8">
        <div class="form-group">
            <label>Saldo Actualizado</label>
            <input type="text" id="preco" class="form-control" placeholder="Digite o título"
                value="{{ formatKz($edit->saldo) ?? old('telefone') }}" readonly>
        </div>
    </div>
</div>

@push('script')
    <script>
        function calcularPreco() {
            let saldo_atualizado = 0;
            let saldo = parseFloat(document.getElementById('saldo').value) || 0;
            let saldo_antigo = parseFloat(document.getElementById('saldo_existente').value) || 0;
            let tipo = document.getElementById('tipo');


            if (tipo.value === "Adicionar") {
                saldo_atualizado = saldo_antigo + saldo
            } else {
                saldo_atualizado = saldo_antigo - saldo
            }

            document.getElementById('preco').value = saldo_atualizado.toLocaleString('pt-AO', {
                minimumFractionDigits: 2
            });
        }

        // Eventos
        document.getElementById('tipo').addEventListener('change', calcularPreco);
        document.getElementById('saldo').addEventListener('input', calcularPreco);
        document.getElementById('preco').addEventListener('input', calcularPreco);
    </script>
@endpush