{% include 'header.twig' %}
<div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
<section id="dashboard">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>First Name</h5>
                                <h4> --</h4>
                            </div>
                            <div class="icon_info">
                                <i class="fas fa-user"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
          
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>Last Name</h5>
                                <h4>   -- </h4>
                            </div>
                            <div class="icon_info">
                                <i class="fas fa-user"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>User Language</h5>
                                <h4>en</h4>
                            </div>
                            <div class="icon_info">
                                <i class="far fa-language"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            
            
           
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>Spend</h5>
                                <h4>{{ user["spent"] }}</h4>
                            </div>
                            <div class="icon_info">
                                <i class="far fa-money-bill"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>ID</h5>
                                <h4>{{ user["client_id"] }}</h4>
                            </div>
                            <div class="icon_info">
                                <i class="fas fa-address-book"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>Email</h5>
                                <h4>{{ user["email"] }}</h4>
                            </div>
                            <div class="icon_info">
                                <i class="far fa-envelope"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
            
          
            <div class="col-md-4 col-sm-6 col-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="user_info">
                            <div class="text_info">
                                <h5>Skype user</h5>
                                <h4>--</h4>
                            </div>
                            <div class="icon_info">
                                <i class="fab fa-skype"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ac_benefits">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                    <div class="card card_v2">
                        <div class="card-body">
                            <div class="acc_benefit_cont">
                                <h3 class="mt-1">Account Benefits</h3>
                                <div class="benifit_name">
                                    <h4><i class="fas fa-star"></i>                                         NEW
                                      </h4>
                                </div>
                                <br>
                                                              <p>👍24/7 ticket support</p>
                             
                                                          </div>
                           
                        </div>
                        <button type="button" class="btn_ac_benefit" data-bs-toggle="modal" data-bs-target="#GGstaticBackdrop">
                            <i class="fas fa-caret-circle-right"></i> <span class="text-sm details_txt">More User </span>
                        </button>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card card_v2">
                        <div class="card-body">
                            <div class="acc_benefit_cont">
                                <h3 class="mt-1 mb-4">Account Spending </h3>
                                <div class="acc_spend_status">
                                    <span>New</span>
                                    <span>==></span>
                                    <span>0$ to 249$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>Junior</span>
                                    <span>==></span>
                                    <span>250$ to 1,999$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>Regular</span>
                                    <span>==></span>
                                    <span>2,000$ to 4,999$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>Frequent</span>
                                    <span>==></span>
                                    <span>5,000$ to 9,999$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>Elite</span>
                                    <span>==></span>
                                    <span>10,000$ to 24,999$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>VIP</span>
                                    <span>==></span>
                                    <span>25,000$ to 49,999$</span>
                                </div>
                                <div class="acc_spend_status">
                                    <span>Master</span>
                                    <span>==></span>
                                    <span>50,000+$</span>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


      </div>
    </div>
  </main>
  
  {% include 'footer.twig' %}