@extends('layouts.app')

@section('title', 'Proovedores')

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

<script type="module">

function addProoviderMasterBalanceModal(proovider_id, proovider_name, currency) {
    $('#add_mbs_currency').html(currency);
    $('#add_mbs_proovider').html(proovider_name);
    $('#add_mbi_currency').val(currency);
    $('#add_mbi_proovider_id').val(proovider_id);
    $('#add_master_proovider_balance_modal')[0].showModal();
}

function outProoviderMasterBalanceModal(proovider_id, proovider_name, currency) {
    $('#out_mbs_currency').html(currency);
    $('#out_mbs_proovider').html(proovider_name);
    $('#out_mbi_currency').val(currency);
    $('#out_mbi_proovider_id').val(proovider_id);
    $('#out_master_proovider_balance_modal')[0].showModal();
}

@foreach ($prooviders_data as $name => $data)
@php
    $id = $data['id'];
    $wallets = $data['wallets'];
@endphp
@foreach ($wallets as $currency => $balance)
    $('#add_master_balance_{{ $id }}_{{ $currency }}')[0].addEventListener('click', function() { addProoviderMasterBalanceModal({{ $id }}, "{{ $name }}", "{{ $currency }}"); });
    $('#out_master_balance_{{$id}}_{{ $currency }}')[0].addEventListener('click', function() { outProoviderMasterBalanceModal({{ $id }}, "{{ $name }}", "{{ $currency }}"); });
@endforeach
@endforeach

</script>

@endsection