{board_top}

<link rel="stylesheet" href="../skin/basic/css/ddakple/partner_intro.css" />

<div class="right_box">
  <div class="content full partner_intro">
    <div class="content-wrapper partner_intro">
      <div class="content-box box1">
        <div class="appicon"></div>
        <p>
          내 주변 고객을 내 시설로!<br />
          <span style="color: #653ffb">신규 회원 유입 + 추가 레슨까지!</span
          ><br />
          스마트한 레슨 관리<br />
          딱플과 함께 하세요!
        </p>
        <a class="btn dark btn1" href="#" onclick="applyForm()">
          <span>레슨코치 신청하기</span>
        </a>
      </div>

      <div class="content-box box2">
        <p>
          딱플 신규 레슨서비스<br />
          이런점이 좋아요!
        </p>
        <ul class="partner_info_list">
          <li>
            <img src="/skin/basic/images_ddakple/image/lessonCoach1.png" />
            <h3>
              이동시에도 간편한<br />
              스케줄 확인
            </h3>
          </li>
          <li>
            <img src="/skin/basic/images_ddakple/image/lessonCoach2.png" />
            <h3>
              클래스별<br />
              회원관리 용이
            </h3>
          </li>
          <li>
            <img src="/skin/basic/images_ddakple/image/lessonCoach3.png" />
            <h3>
              번거로운<br />
              엑셀/수기 X
            </h3>
          </li>
          <li>
            <img src="/skin/basic/images_ddakple/image/lessonCoach4.png" />
            <h3>다양한 매체를 통한<br />적극 홍보</h3>
          </li>
        </ul>
      </div>

      <div class="board_partner_write_wrapper" id="applyForm">
        <div class="partner_write_header">
          <span>레슨</span> 딱플과 함께 하세요!
        </div>

        <div class="partner_write_body">
          <h1>코치 등록하기</h1>
          <form
            name="write_form"
            id="write_form"
            method="post"
            enctype="multipart/form-data"
            action="./board_register.php"
            onsubmit="return write_submit();"
          >
            <input type="hidden" name="mode" value="{mode}" />
            <input type="hidden" name="view_id" value="{view_id}" />
            <input type="hidden" name="board_name" value="{board_name}" />
            <input type="hidden" name="page" value="{page}" />
            <input type="hidden" name="board_query" value="{board_query}" />
            <input type="hidden" name="token" value="{token}" />
            <input
              type="hidden"
              name="upload_msg"
              value="제휴사 정보를 등록했습니다."
            />
            <input type="hidden" name="url" value="/" />
            <input
              type="hidden"
              name="write_subject"
              value="{writer.subject}"
            />
            <style>
              iframe {
                display: none;
              }
            </style>
            <textarea
              name="write_contents"
              id="write_contents"
              style="display: none"
            >
{writer.contents}</textarea
            >

            <div class="write_section">
              <h2>이름</h2>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="이름을 입력해주세요."
                  name="data1"
                  id="data1"
                  value=""
                />
              </div>
            </div>

            <div class="write_section">
              <h2>생년월일</h2>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="생년월일을 입력해주세요."
                  name="data2"
                  id="data2"
                  value=""
                />
              </div>
            </div>

            <div class="write_section">
              <h2>성별</h2>
              <div class="input_box">
                <select name="data3" id="data3">
                  <option value="" selected>선택</option>
                  <option value="남성">남성</option>
                  <option value="여성">여성</option>
                </select>
              </div>
            </div>

            <div class="write_section">
              <h2>연락처</h2>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="연락처를 입력해주세요."
                  name="data4"
                  id="data4"
                  value=""
                />
              </div>
            </div>

            <div class="write_section">
              <h2>레슨체육관</h2>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="1. 레슨 체육관을 입력해 주세요."
                  name="data5"
                  id="data5"
                  value=""
                />
              </div>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="2. 레슨 체육관을 입력해 주세요."
                  name="data6"
                  id="data6"
                  value=""
                />
              </div>
              <div class="input_box">
                <input
                  type="text"
                  placeholder="3. 레슨 체육관을 입력해 주세요."
                  name="data7"
                  id="data7"
                  value=""
                />
              </div>
            </div>

            <div class="write_section">
              <h2>통장사본 첨부</h2>
              <div class="file_box">
                <input
                  type="file"
                  id="file0"
                  name="files[0]"
                  data-index="0"
                  accept=" image/*"
                />
                <input
                  class="upload-name uploadfile0"
                  value="파일 첨부"
                  type="text"
                  readonly=""
                />
                <label for="file0">찾아보기</label>
              </div>
              <div class="file_notice">
                파일명에 일부 특수문자 (. / % *ㅣ? “ &lt; &gt;)를 포함하는 경우
                제휴 제안이 정상적으로 저장되지 않을 수 있습니다.
              </div>
            </div>

            <div class="write_section">
              <h2 style="border-bottom: 1px solid #747474">
                Q1. 딱플 레슨서비스를 알고 계셨나요?
              </h2>
              <div class="input_box">
                <ul>
                  <li><input type="radio" name="data8" value="예" />예</li>
                  <li>
                    <input type="radio" name="data8" value="아니오" />아니오
                  </li>
                </ul>
              </div>
            </div>

            <div class="write_section">
              <h2 style="border-bottom: 1px solid #747474">
                Q2. 어떻게 딱플 레슨서비스를 아셨나요?
              </h2>
              <div class="input_box">
                <ul>
                  <li>
                    <input
                      type="radio"
                      name="data9"
                      value="지인통해서"
                      onchange="checkSelect()"
                    />지인통해서
                  </li>
                  <li>
                    <input
                      type="radio"
                      name="data9"
                      value="인터넷 검색으로"
                      onchange="checkSelect()"
                    />인터넷 검색으로
                  </li>
                  <li>
                    <input
                      type="radio"
                      name="data9"
                      value="블로그 검색으로"
                      onchange="checkSelect()"
                    />블로그 검색으로
                  </li>
                  <li>
                    <input
                      type="radio"
                      name="data9"
                      value="인스타그램 통해서"
                      onchange="checkSelect()"
                    />인스타그램 통해서
                  </li>
                  <li>
                    <input
                      type="radio"
                      name="data9"
                      value="기타"
                      onchange="checkSelect()"
                    />기타
                  </li>
                </ul>
              </div>

              <div style="display: flex" id="ect">
                <input type="text" name="data10" placeholder="직접입력" />
              </div>
            </div>
          </form>

          <div class="bottom-fixed-btn">
            <button
              class="box-btn save-btn red"
              onclick="$('#write_form').submit()"
            >
              신청
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">

  $(document).ready(function(){
      var fileTarget = $('input[type="file"]');
      fileTarget.on('change', function(){ // 값이 변경되면
          var cur=$(this).val();
          var index=$(this).data('index');
          $(".uploadfile"+index).val(cur);
      });
  });

  $('#ect').hide();

  function check_owner_name_show() {
      if ($('input#data8').val().length >= 11) {
          $('.owner_name').show()
      } else {
          $('.owner_name').hide()
      }
  }

  $(document).ready(function(){
      $('input#data8').on('input', () => check_owner_name_show())
      check_owner_name_show()
  })

  function  write_submit(){
      var data1=$("input[name='data1']").val();
      var data2=$("input[name='data2']").val();
      $("input[name='write_subject']").val(data1 +' - '+data2)

      // 사용자 정의 폼 검증
      /* {@ (extend_field_list)} */
         {.field_check}
      /* {/} */


      var writer_captcha =$("input[name='writer_captcha']").val();
      if(typeof(writer_captcha)!="undefined"){
          if(!writer_captcha){
              alert('자동등록방지 문자 4자리를 입력해주세요.\n\n대,소문자는 구분하지 않습니다.');
              $("input[name='writer_captcha']").focus();
              return false;
          }
      }

      file0_val = $('input[name="check_delete_file[0]"]').val();
      var file0 = document.getElementById("file0").value;
      if(!file0 && !file0_val){
          alert("통장 사본을 첨부해 주세요");
          return false;
      }

      if(!confirm("등록하시겠습니까?"))return false;
      return true;
  }


  const applyForm = () => {
    let offset = $("#applyForm").offset();
    $("html, body").animate({scrollTop: offset.top},400);
  }

  const checkSelect = () => {
    let seleted = $('input[name="data9"]:checked').val();
    console.log(seleted);
    if(seleted == '기타'){
      $('#ect').show();
    }else{
      $('#ect').hide();
    }
  }
</script>