{% include 'sidebar/sidebar.html.twig' %}
 <nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl" id="navbarBlur" data-scroll="false">
      <div class="container-fluid py-1 px-3">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm"><a  href="{{ path('app_dash_board_accueil') }}"><i class="fas fa-home"></i></a></li>
            <li class="breadcrumb-item text-sm"><a  href="{{ path('app_dash_board_portefeuille') }}">Portefeuilles</a></li>
            <li class="breadcrumb-item text-sm text-white active" class="opacity-5 text-white " aria-current="page">Achat Ictocoin</li>
          </ol>
          <h6 class="font-weight-bolder text-white mb-0">Dashboard</h6>
        </nav>
        {% include 'sidebar/navbar.html.twig' %}
  <div class="container-fluid py-4">
    
      <div class="row">
        {% include 'partial_portefeuille/entete.html.twig' %}
      <div class="row mt-4">
      <div class="row">
            <div class="col-md-4 grid-margin stretch-card" id="portefeuille-list">
                <div class="card border-primary">
                    <div class="card-body text-center">
                        <h6 class="card-title mb-3">Taux de Change</h6>
                        <p class="display-4 font-weight-bold mb-2 text-sm">
                            1 <span class="text-primary ">{{ ictoValeur.currency }}</span>
                            = <span class="text-success " id="ictocoin-value">{{ ictoValeur.valeur }}</span> Icto
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-8 grid-margin stretch-card" id="achat-ictocoin-form">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">Achat Ictocoin</h6>
                        <form action="{{ path('app_dash_board_vanillapay') }}" method="POST">
                            <div class="form-group">
                                <label for="purchase-amount">Ictocoin à acheter</label>
                                <input type="number" name="valeurIcto" class="form-control text-xs" id="purchase-amount" placeholder="Entrez le montant">
                                <div id="error-message" class="text-danger mt-2 text-xs"></div>
                            </div>
                            <div class="form-group">
                                <label for="amount-to-pay">Montant à payer</label>
                                <div id="amount-to-pay" class="form-control-plaintext text-xs">0</div>
                                <input type="hidden" name="montant" id="amount-to-pay-hidden" value="0">
                            </div>
                            <input type="hidden" name="societeLivraisonId" id="societe-livraison-id" value="{{ societeLivraison.id }}">
                            <button type="submit" id="purchase-button" class="btn btn-primary text-xs" disabled>Acheter</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
        

 {% include 'sidebar/parameter.html.twig' %}
<script src="{{ asset('js/js-achat-ictocoin.js') }}"></script>