@extends('coins.base')

@section('page_content')
  <h3 class="ui header">Moneda - <span class="coin_name"></span></h3>
  <div class="ui list" id="coin_data">
  </div>
@endsection

@push('page_scripts')
  <script type="text/javascript">
    $(document).ready(() => {
      const id = '{{$coin_id}}'
      const api_url = '{{$urls->api}}'
      const url = api_url + '/coin/' + id
      $.getJSON(url, (data) => {
        $('.coin_name').html(data.coin.name)
        $('#coin_data').append(
          $('<div></div>').attr('class', 'item').html('Código: ' + data.coin.code)
        ).append(
          $('<div></div>').attr('class', 'item').html('Prefijo: ' + data.coin.prefix)
        ).append(
          $('<div></div>').attr('class', 'item').html('Sufijo: ' + data.coin.suffix)
        ).append(
          $('<div></div>').attr('class', 'item').html('Decimales: ' + data.coin.decimals)
        ).append(
          $('<div></div>').attr('class', 'item').html('Url: ' + data.coin.ref_url)
        )
      })
    })
  </script>
@endpush