checkout.blade.php 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. @extends('views.layouts.master')
  2. @section('content')
  3. <!--inner Title Start -->
  4. <div class="sms_title_main_wrapper">
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  8. <div class="sms_inner_title_heading full_width">
  9. <h2>checkout</h2>
  10. <ul>
  11. <li><a href="#">Home</a> &nbsp;&nbsp;&nbsp;/</li>
  12. <li>checkout</li>
  13. </ul>
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <!-- inner Title End -->
  20. <!-- about us wrapper start -->
  21. <div class="full_width sub_wrapper checkout">
  22. <!-- container 시작 -->
  23. <div class="container">
  24. <!-- row 시작 -->
  25. <div class="row">
  26. <div class="left col-xl-8 col-lg-8 col-md-12 col-sm-12 col-xs-12">
  27. <div class="card full_width">
  28. <h6>고객 정보</h6>
  29. <div class="input_box f_name">
  30. <label class="need">고객(회사)명</label>
  31. <input type="text" value="고객(회사)명" disabled>
  32. </div>
  33. <div class="input_box l_name">
  34. <label class="need">이메일</label>
  35. <input type="text" value="abcd@efgcd.com" disabled>
  36. </div>
  37. <div class="input_box company">
  38. <label>고객(회사)정식 명칭</label>
  39. <input type="text" value="고객(회사)정식 명칭" disabled>
  40. </div>
  41. <!--
  42. <div class="input_box country">
  43. <label class="need">국가 / 지역</label>
  44. <input type="text" placeholder="대한민국">
  45. </div>
  46. <div class="input_box add1">
  47. <label class="need">도로명 주소</label>
  48. <input type="text" placeholder="서울 강남구 선릉로64길 8 (대치동)">
  49. </div>
  50. <div class="input_box add2">
  51. <label>아파트, 상품군, 개수 등 (선택 사항)</label>
  52. <input type="text" placeholder="dsadsadas">
  53. </div>
  54. <div class="input_box add2">
  55. <label class="need">휴대폰 번호</label>
  56. <input type="text" placeholder="12345">
  57. </div>
  58. <div class="input_box email">
  59. <label class="need">이메일 주소</label>
  60. <input type="text" placeholder="sunny@shoplic.kr">
  61. </div>
  62. <div class="input_box zip">
  63. <label class="need">우편 번호</label>
  64. <input type="text" placeholder="06206">
  65. <button type="button"><i class="fas fa-search"></i></button>
  66. </div>
  67. -->
  68. </div>
  69. <div class="card full_width">
  70. <h6>추가 정보</h6>
  71. <div class="input_box">
  72. <label>주문 메모 (선택 사항)</label>
  73. <select hidden>
  74. <option value=""></option>
  75. <option>부재시 전화나 문자 주세요.</option>
  76. <option>부재시 경비실에 맡겨주세요.</option>
  77. <option>부재시 문앞에 둬 주세요.</option>
  78. </select>
  79. <textarea placeholder="주문 관련 메시지, 예) 배송 관련 메모." id="remarks-txt-area"></textarea>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="right col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
  84. <div class="sidebar_widget full_width">
  85. <strong class="accordion"><span>고객님의 주문</span></strong>
  86. <div class="info">
  87. <dl>
  88. <dt><strong> 제품명이 들어갑니다</strong> x 000</dt>
  89. <dd>₩ 0,000,000</dd>
  90. </dl>
  91. </div>
  92. <div class="sum">
  93. <dl>
  94. <dt>소계</dt>
  95. <dd>₩ 0,000,000</dd>
  96. </dl>
  97. <dl>
  98. <dt>배송</dt>
  99. <dd>무료배송</dd>
  100. </dl>
  101. <dl>
  102. <dt>결제 방법</dt>
  103. <dd>직접 은행 계좌 이체</dd>
  104. </dl>
  105. </div>
  106. <div class="total">
  107. <dl>
  108. <dt>총계</dt>
  109. <dd>₩ 0,000,000</dd>
  110. </dl>
  111. </div>
  112. <div class="agree">
  113. <div>
  114. <p>
  115. 고객 적립급 지급 후 환불 불가합니다.<br>
  116. 구매조건을 확인하고 결제 진행에 동의합니다.
  117. </p>
  118. <input type="checkbox" clas="need" id="show-policy-check"> 본인은 웹사이트 이용 약관 과 개인정보 보호정책 을(를) 읽었으며 이에 동의합니다.
  119. </div>
  120. </div>
  121. <div class="btn_wrap">
  122. <button type="button" class="btn_prime" onclick="checkout(this)">주문확정</button>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <!--//row 끝 -->
  128. </div>
  129. <!--// container 끝 -->
  130. </div>
  131. @endsection