<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{admin/layout/layout}" th:with="title='',active='home'">

<th:block layout:fragment="content">

            <div class="container-fluid">             
              <!--div class="alert alert-info"><a><img src="/img/icon_x.svg" /></a>대시보드 점검 안내: 대시보드 개선 작업 중입니다.</div-->
              <div class="page-name">
                  <h1>대시보드</h1>
                  <span>
                      금일 손익 금액, 금일 베팅 건수, 금일 베팅 유저 수, 시간별 손익 현황 등의 통계 데이터는<br />마지막 접속 시각을 기준으로 1시간 뒤에 새롭게 업데이트하여 반영됩니다.
                  </span>
              </div>

              <div class="row">
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                          <div class="">현재 보유 금액</div>
                          <div class="" th:text="|${#numbers.formatInteger(siteCredit,0, 'COMMA')}|">225,309,425</div>
                          <!--div class="upDown"><em class="up"><img src="/img/icon_up.svg" /></em> 지난주보다 <span class="up">+0%</span> 증가!</div-->
                      </div>
                      <div class="right"><img src="/img/icon_dashUser.svg" /></div>
                        
			            <div class="ptBtn dash">
			              <a class="ptBtns btn">C 신청</a>
			              <div class="modal-content">
			                <div class="modal-header"><h5>C 신청</h5><a>×</a></div>
			                <div class="modal-body">
			                  <ul>
			                    <li>보유 C</li>
			                    <li><input type="value" th:value="|${#numbers.formatInteger(siteCredit,0, 'COMMA')}"  readonly=""></li>
			                  </ul>
			                  <ul>
			                    <li>보유 서브포인트</li>
			                    <li>
			                    	<input type="text" id="pointAmt"  th:value="|${#numbers.formatInteger(sitePoint,0, 'COMMA')}" readonly="">
			                    
			                    </li>
			                  </ul>
			                  <ul>
			                    <li>신청 C</li>
			                    <li><input id="ciCreditAmt" type="text" onkeypress="num_check()" onkeyup="comma_inputgeuminputgeum('ciCreditAmt',  this.value)"></li>
			                  </ul>
			                  <ul>
			                    <li>서브포인트 사용여부</li>
			                    <li class="chk"><input type="checkbox" id="pointUseYn" onclick="pointUseYnClick(this.checked)"></li>
			                  </ul>
			                </div>
			                <div class="modal-footer">
			                  <a href="javascript:charge()">지급신청</a>
			                </div>
			              </div>
			              <a class="ptBtns btn">C 환전</a>
			              <div class="modal-content">
			                <div class="modal-header"><h5>C 환전</h5><a>×</a></div>
			                <div class="modal-body">
			                  <ul>
			                    <li>보유 C</li>
			                    <li><input type="text" th:value="|${#numbers.formatInteger(siteCredit,0, 'COMMA')}"  readonly=""></li>
			                  </ul>
			                  <ul>
			                    <li>환전 C</li>
			                    <li><input id="coCreditAmt" type="text" onkeypress="num_check()" onkeyup="comma_inputgeuminputgeum('coCreditAmt',  this.value)"></li>
			                  </ul>
			                </div>
			                <div class="modal-footer">
			                  <a href="javascript:exchange()">환전신청</a>
			                </div>
			              </div>
			            </div>				           
        
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                          <div class="">현재 보유 포인트</div>
                          <div class="" th:text="|${#numbers.formatInteger(siteCredit,0, 'COMMA')}|">225,309,425</div>
                          <!--div class="upDown"><em class="up"><img src="/img/icon_up.svg" /></em> 지난주보다 <span class="up">+0%</span> 증가!</div-->
                      </div>
                      <div class="right"><img src="/img/icon_dashUser.svg" /></div>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                          <div class="">금일 손익 금액</div>
                          <!-- <div class="" th:text="|${#numbers.formatInteger(dashInfo.benefit,0, 'COMMA')}|">0</div> -->
                          <div class="" th:text="|${#numbers.formatInteger(dashInfo.benefit, 0, 'COMMA')}|">0</div>
                          <!--div class="upDown"><em class="down"><img src="/img/icon_down.svg" /></em> 지난주보다 <span class="down">+0%</span> 감소!</div-->
                      </div>
                      <div class="right"><img src="/img/icon_dashUser.svg" /></div>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                        <div class="">금일 베팅 건수</div>
                        <!-- <div class="" th:text="|${#numbers.formatInteger(dashInfo.betCnt,0, 'COMMA')}|">...</div> -->
                        <div class="" th:text="|${#numbers.formatInteger(dashInfo.betCnt, 0, 'COMMA')}|">...</div>
                        <!--div class="upDown"><em class="up"><img src="/img/icon_up.svg" /></em> 지난주보다 <span class="up">+0%</span> 증가!</div-->
                      </div>
                      <div class="right"><img src="/img/icon_dashUser.svg" /></div>
                    </div>
                  </div>
                </div>                
              </div>
              <div class="row rowc">
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                        <div class="">금일 베팅 유저 수</div>
                        <!-- <div class="" th:text="|${#numbers.formatInteger(dashInfo.betUserCnt,0, 'COMMA')}|">...</div> -->
                        <div class="" th:text="|${#numbers.formatInteger(dashInfo.betUserCnt, 0, 'COMMA')}|">...</div>
                        <!--div class="upDown"><em class="down"><img src="/img/icon_down.svg" /></em> 지난주보다 <span class="down">+2.70%</span> 감소!</div-->
                      </div>
                      <div class="right"><img src="/img/icon_money.svg" /></div>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                          <div class="">전체 하부 에이전시 수</div>
                          <div class="" th:text="|${#numbers.formatInteger(dashInfo2.cnt,0, 'COMMA')}|">0</div>
                      </div>
                      <div class="right"><img src="/img/icon_money.svg" /></div>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                        <div class="">유통 하부 에이전시 수</div>
                        <div class="" th:text="|${#numbers.formatInteger(dashInfo2.cnt1,0, 'COMMA')}|">0</div>
                      </div>
                      <div class="right"><img src="/img/icon_money.svg" /></div>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                        <div class="">운영 하부 에이전시 수</div>
                        <div class="" th:text="|${#numbers.formatInteger(dashInfo2.cnt2,0, 'COMMA')}|">0</div>
                      </div>
                      <div class="right"><img src="/img/icon_money.svg" /></div>
                    </div>
                  </div>
                </div>
                <!--div>
                  <div class="card">
                    <div class="card-body">
                      <div class="left">
                        <div class="">병행 하부 에이전시 수</div>
                        <div class="" th:text="|${#numbers.formatInteger(dashInfo2.cnt3,0, 'COMMA')}|">0</div>
                      </div>
                      <div class="right"><img src="/img/icon_money.svg" /></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row2">
                <div class="card left">
                  <div class="card-header"><h6>시간별 손익 현황</h6><i class="fas fa-ellipsis-v fa-sm fa-fw"></i></div>
                  <div class="card-body">
                    <div class="chart-area"></div>
                  </div>
                </div>
                <div class="card right">
                  <div class="card-header"><h6>유저별 게임 선호도 (월별) - 준비 중</h6><i class="fas fa-ellipsis-v fa-sm fa-fw"></i></div>
                  <div class="card-body">
                    <div class="chart-area"></div>
                  </div>
                </div>
              </div-->

            </div><!-- container-fluid -->
</th:block>
