@extends('layouts.app')

@section('title', 'Billeteras')

@section('content')
@include('dashboard.components.master_modals')
<div class="overflow-x-auto">
  <div style="height: 100px;"></div>
  <table class="table table-zebra">
    <!-- head -->
    <thead>
      <tr>
        <th>Moneda</th>
        <th>Balance</th>
        <!-- <th>Acciones</th> -->
      </tr>
    </thead>
    <tbody>
      <!-- row 1 -->
       @foreach ($wallets as $currency => $balance)
      <tr>
        <td>{{ $currency }} </td>
        <td>{{ number_format($balance, 2, ',', '.') }} </td>
<!--
        <td> 
        <a href="#" id="add_master_balance_{{ $currency }}" ><i class="px-4 i-zondicons-add-solid text-lime-500"></i></a>
        <a href="#" id="out_master_balance_{{ $currency }}" ><i class="px-4 i-zondicons-minus-solid text-amber-500"></i></a>
-->
    </td>
      </tr>
       @endforeach
    </tbody>
  </table>
</div>

<script type="module">

function addMasterBalanceModal(currency) {
    $('#add_mbs_currency').html(currency);
    $('#add_mbi_currency').value = currency;
    $('#add_master_balance_modal')[0].showModal();
}

function outMasterBalanceModal(currency) {
    $('#out_mbs_currency').html(currency);
    $('#out_mbi_currency').value = currency;
    $('#out_master_balance_modal')[0].showModal();
}


@foreach ($wallets as $currency => $balance)
    $('#add_master_balance_{{ $currency }}')[0].addEventListener('click', function() { addMasterBalanceModal("{{ $currency }}"); });
    $('#out_master_balance_{{ $currency }}')[0].addEventListener('click', function() { outMasterBalanceModal("{{ $currency }}"); });
@endforeach

</script>
@endsection