<?
	$HEADER_LOC = 'main';
	include($_SERVER['DOCUMENT_ROOT']."/design/mobile/aapstaff/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="car--list--wrap ty2">
      <div class="title--wrapper">
        <div class="d-flex justify-content-end sch--m--wrapper">
          <div>
            <select id="inputState" class="form-select" style="width:120px;">
              <option selected="">선택</option>
              <option></option>
            </select>
          </div>
          <div class="ms-2 sch--m--wrap">
            <input type="text" class="form-control" id="" placeholder="">
            <button type="button" class="sch--t--btn"></button>
          </div>
        </div>
      </div>
      <ul>
        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>


        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ty2">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png">
            </div>



            <div class="car--info">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="car--inner--info">
                <div>
                  <span>28,980km</span>
                  <span>2017년 11월식</span>
                </div>
                <div>
                  <span>사고유무: 무</span>
                  <span>서울</span>
                </div>
              </div>
              <div class="status--wrap">
                <!--
                상태값 클래스
                status--companion : 반려
                tr--delay : 연기
                tr--fail : 거래 실패
                sell--fail : 판매 실패
                ready : 대기
                -->
                <span class="status--companion">반려</span>
              </div>
            </div>

          </div>
        </li>
      </ul>
    </div>
    <div class="col-12 d-flex justify-content-center">
      <ul class="pagination">
        <li class="page-item ">
          <a class="page-link" href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        <li class="page-item active"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item">
          <a class="page-link" href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
      </ul>
    </div>
  </section>


</main>




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