<? include($_SERVER['DOCUMENT_ROOT']."/design/staff/inc/header.php") ?>
<main class="pb123">
  <section>
    <div class="sub--top--visual">
      <div class="contents--inner">
        <h2>차량 판매하기</h2>
        <p>이차조아에서는 사고 이력 조회 후 최고가 내차를 판매할 수 있습니다.</p>
      </div>
    </div>
  </section>


  <section>
    <div class="top--nav--wrap">
      <div class="contents--inner">
        <div class="breadcrumbs--wrap">
          <span></span>
          <span>차량 판매하기</span>
          <span>차량 판매하기</span>
        </div>
      </div>
    </div>
  </section>

  <section>
    <div class="owner--information--wrap">
      <h2>소유주 정보</h2>
      <div class="sch--modules--wrap">
        <div class="form--group user--info" style="max-width:170px;">
          <input type="text" placeholder="소유주명"/>
        </div>
        <div class="form--group car--numb ml20" style="width:100%; max-width:356px;">
          <input type="text" placeholder="차량 번호"/>
        </div>
        <label for="" class="ml30">판매자 연락처</label>
        <div class="phone--ftc--numb ml25" style="max-width:80px;">
          <select>
            <option value="">010</option>
          </select>
        </div>
        <label for="" class="ml10">-</label>
        <div class="phone--ftc--numb ml10" style="max-width:100px;">
          <input type="text" />
        </div>
        <label for="" class="ml10">-</label>
        <div class="phone--ftc--numb ml10" style="max-width:100px;">
          <input type="text" />
        </div>
        <button>차량 조회<i class="sch--ic"></i></button>
      </div>
    </div>
  </section>

  <section>
    <div class="car--info--wrap">
      <h2>차량 정보 입력</h2>
      <div class="form--wrap">
        <div class="form--groups">
          <h2>제조사</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups">
          <h2>모델</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups">
          <h2>세부 모델</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups">
          <h2>등급</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>
      </div>


      <div class="form--wrap">
        <div class="form--groups">
          <h2>연식 (최초 등록일)</h2>
          <div class="form--group ty2">

            <select name="" id="" style="max-width:134px;">
              <option value="">선택</option>
            </select>

            <label for="" class="ml10">년</label>

            <input type="text" class="ml20" style="max-width:70px;"/>

            <label for="" class="ml10">월</label>

          </div>
        </div>

        <div class="form--groups">
          <h2>형식 년도</h2>
          <div class="form--group ty2">
            <select name="" id="">
              <option value="">선택</option>
            </select>
            <label for="" class="ml10">년</label>
          </div>
        </div>

        <div class="form--groups">
          <h2>배기량</h2>
          <div class="form--group ty2">
            <input type="text" placeholder="배기량을 입력해주세요">
            <label for="" class="ml10">cc</label>
          </div>
        </div>

        <div class="form--groups">
          <h2>연료</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>
      </div>




      <div class="form--wrap">
        <div class="form--groups">
          <h2>색상</h2>
          <div class="form--group ty2">
            <input type="text" placeholder="색상을 입력해주세요">
          </div>
        </div>

        <div class="form--groups">
          <h2>형식 년도</h2>
          <div class="form--group ty2">
            <input type="text" placeholder="주행거리를 입력해주세요">
            <label for="" class="ml10">km</label>
          </div>
        </div>

        <div class="form--groups">
          <h2>사고 유무</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups">
          <h2>판매 희망 지역</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>
      </div>




      <div class="form--wrap">
        <div class="form--groups" style="max-width:270px;">
          <h2>사업자 유,무</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups" >
          <h2>추가 옵션 및 특이사 항</h2>
          <div class="form--group">
            <input type="text" placeholder="추가 옵션 및 특이사항을 입력해주세요">
          </div>
        </div>

      </div>




      <div class="form--wrap">
        <div class="form--groups" style="max-width:580px;">
          <h2>희망 AAP SA</h2>
          <div class="form--group ty2 file--wrap">
            <input type="file" id="file--add" hidden>
            <input type="text" placeholder="희망 AAP SA를 선택해주세요">
            <label data-bs-toggle="modal" data-bs-target="#exampleModal2">선택하기</label>
          </div>
        </div>

        <div class="form--groups" style="max-width:270px;">
          <h2>판매 시기</h2>
          <div class="form--group">
            <select name="" id="">
              <option value="">선택</option>
            </select>
          </div>
        </div>

        <div class="form--groups" style="max-width:270px;">
          <h2>사고 이력 정보</h2>
          <div class="form--group">
            <button type="button" class="sch--btn--bl">사고 이력 정보 보기<i class="sch--ic--bl"></i></button>
          </div>
        </div>

      </div>



    </div>
  </section>

  <div class="btn--wrapper car--btn--wrapper">
    <button class="next--btn">다음(옵션 입력)<i class="next--ic"></i></button>
  </div>

</main>



<!-- 희망 AAP SA 선택 모달 -->
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog  modal-dialog-centered" style="max-width:280px;">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title" id="exampleModalLabel">희망 AAP</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body modal--body">
        <div class="form-check">
          <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
          <label class="form-check-label" for="flexRadioDefault1">
            홍길동
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
          <label class="form-check-label" for="flexRadioDefault2">
            홍길동
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
          <label class="form-check-label" for="flexRadioDefault3">
            홍길동
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
          <label class="form-check-label" for="flexRadioDefault4">
            홍길동
          </label>
        </div>
      </div>
      <div class="modal-footer d-flex justify-content-center">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">취소</button>
        <button type="button" class="btn btn-primary">확인</button>
      </div>
    </div>
  </div>
</div>


<? include($_SERVER['DOCUMENT_ROOT']."/design/staff/inc/footer.php") ?>
