echajoa/aap/inc_ViewCar.php

<?php
	$able_modify = false;
?>
	<section>
		<div class="owner--information--wrap">
			<div class="col-12 title--wrapper d-flex align-items-center justify-content-between">
				<h2>소유주 정보</h2>
				<div class="bidding--count">
					<? if($ds_status_proc == "E0"){ ?>
					<span>입찰 마감 시간 : </span>
					<span><?=$time_limit_tender?></span>
					<? } ?>

				</div>
			</div>

			<div class="sch--modules--wrap">
				<div class="form--group user--info" style="max-width:170px;">
					<input type="text" placeholder="소유주명" value="<?=$nm_name?>" />
				</div>
				<div class="form--group car--numb ml20" style="width:100%; max-width:456px;">
					<input type="text" placeholder="차량 번호" value="<?=$nm_number?>" />
				</div>
				<!--<label for="" class="ml30" style="margin-left:auto!important;">판매자 연락처</label>
				<div class="phone--ftc--numb ml25" style="max-width:120px;">
					<select name="nm_hp1" id="nm_hp1"></select>
				</div>
				<label for="" class="ml10">-</label>
				<div class="phone--ftc--numb ml10" style="max-width:120px;">
					<input type="text" value="<?/*=$nm_hp_sale2*/?>"/>
				</div>
				<label for="" class="ml10">-</label>
				<div class="phone--ftc--numb ml10" style="max-width:120px;">
					<input type="text" value="<?/*=$nm_hp_sale3*/?>"/>
				</div>-->
			</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="" disabled>
							<option value="<?=$cd_brand?>"><?=$nm_brand?></option>
						</select>
					</div>
				</div>

				<div class="form--groups">
					<h2>모델</h2>
					<div class="form--group">
						<select name="" id="" disabled>
							<option value="<?=$cd_model?>"><?=$nm_model?></option>
						</select>
					</div>
				</div>
			<?php if($is_staff == "Y") { ?>
				<div class="form--groups">
					<h2>Trade-in</h2>
					<div class="form--group">
						<select id="ds_tradein" name="ds_tradein"></select>
					</div>
				</div>
			<?php } ?>
			</div>
			<div class="form--wrap">
				<div class="form--groups">
					<h2>변속기</h2>
					<div class="form--group">
						<select id="ds_transmission" name="ds_transmission"></select>
					</div>
				</div>

				<div class="form--groups">
					<h2>연식 (최초 등록일)</h2>
					<div class="form--group ty2">
						<select  name="nm_regdate_yyyy" id="nm_regdate_yyyy" style="max-width:134px;">
						<?php
							$cur_year = date("Y");
							$cur_year = (int)$cur_year;
							// echo $cur_year;
							// exit;
							for($i=1990; $i<=$cur_year; $i++){
						?>
								<option value="<?=$i?>" <? if($i == $nm_regdate_yyyy){ ?>selected<? } ?>><?=$i?></option>
						<?php
							}
						?>
						</select>
						<label for="nm_regdate_yyyy" class="ml10">년</label>

						<select name="nm_regdate_mm" id="nm_regdate_mm" style="margin-left:8px;width:70px;">
						<?php
							for($i=1; $i<=12; $i++){
						?>
								<option value="<?=($i<10)?"0".$i:$i?>" <? if($i == $nm_regdate_mm){ ?>selected<? } ?>><?=($i<10)?"0".$i:$i?></option>
						<?php
							}
						?>
						</select>


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

					</div>
				</div>

				<div class="form--groups">
					<h2>형식 년도</h2>
					<div class="form--group ty2">
						<select id="ds_year" name="ds_year"></select>
						<label for="" class="ml10">년</label>
					</div>
				</div>
				<div class="form--groups">
					<h2>배기량</h2>
					<div class="form--group ty2">
						<input type="text" placeholder="배기량을 입력해주세요" value="<?=$nm_cc?>">
						<label for="" class="ml10">cc</label>
					</div>
				</div>

			</div>

			<div class="form--wrap">



				<div class="form--groups">
					<h2>연료</h2>
					<div class="form--group">
						<input type="text" placeholder="연료를 입력해주세요" value="<?=$ds_oil?>">
						<!-- <select name="" id="">
							<option value="">선택</option>
						</select> -->
					</div>
				</div>

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

				<div class="form--groups">
					<h2>주행거리</h2>
					<div class="form--group ty2">
						<input type="text" placeholder="주행거리를 입력해주세요" value="<?=number_format($nm_mileage)?>">
						<label for="" class="ml10">km</label>
					</div>
				</div>

				<div class="form--groups">
					<h2>사고 유무</h2>
					<div class="form--group">
						<select id="ds_accident" name="ds_accident"></select>
					</div>
				</div>
			</div>

			<div class="form--wrap">




				<div class="form--groups" style="max-width:270px;">
					<h2>판매 희망 지역</h2>
					<div class="form--group">
						<select name="ds_area" id="ds_area">
							<option value="">판매희망 선택하세요</option>
						</select>
					</div>
				</div>

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

					</div>
				</div>

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


			</div>

			<div class="form--wrap">
				<div class="form--groups" _style="max-width:270px;">
					<h2>희망 AAP SA</h2>
					<div class="form--group">
						<input type="text" value="<?=$aap_nm_name?>">
					</div>
				</div>


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

				<div class="form--groups" style="max-width:270px;">
					<h2>옵션정보</h2>
					<div class="form--group">
						<button type='button' class="btn  btn-outline-primary sch--btnz" style="height:53px; width:100%;" id="btn_car_option">옵션보기<i class="sch--ic"></i></button>
					</div>
				</div>

				<!-- <div class="form--groups" style="max-width:270px;">
					<h2>반려사유</h2>
					<div class="form--group">
						<input type="text" value="<?=$nm_cont_return?>" disabled>
					</div>
				</div> -->
			</div>

			<div class="form--wrap">
			<?php if($is_staff == "Y") { ?>
				<div class="form--groups" style="max-width:270px;">
					<h2>구매방식</h2>
					<div class="form--group">
						<select name="ds_buy_method" id="ds_buy_method"></select>
					</div>
				</div>

				<div class="form--groups" style="max-width:270px;">
					<h2>경매시간</h2>
					<div class="form--group">
						<select name="ds_auction_time" id="ds_auction_time"></select>
					</div>
				</div>
			<?php } ?>
				<div class="form--groups" style="max-width:270px;">
				<h2>사고부위 체크(판금,교환등)</h2>
				<div class="form--group">
					<input type="text" name="ds_accident_check" id="ds_accident_check" value="<?=$ds_accident_check?>" placeholder="사고부위를 입력해주세요">
				</div>



				</div>


				<div class="form--groups" style="max-width:270px;">
				<h2>데미지 체크(수리가 필요한곳 기재)</h2>
				<div class="form--group">
				<input type="text" name="ds_damage_check" id="ds_damage_check" value="<?=$ds_damage_check?>" placeholder="수리가 필요한곳을 입력해주세요">
				</div>
				</div>

			</div>

			<div class="form--wrap">

				<!-- <div class="form--groups" style="max-width:270px;">
					<h2>수리부위</h2>
					<div class="form--group align-items-center d-flex fixed--positon" style=" width:100%;">
						<button class="btn  btn-outline-primary" style="width:50%;height:53px;">외판</button>
						<button class="btn  btn-outline-primary ml20" style="width:50%;height:53px;">주요골격</button>
					</div>
				</div> -->

				<div class="form--groups" style="">
					<h2>관리자 코멘트</h2>
					<div class="form--group">
						<input type="text" value="<?=$nm_guide?>">
					</div>
				</div>

			</div>

		</div>
	</section>


	<?php
		$car_history_sql = "SELECT * FROM car_history_master WHERE cd_car_history = '$cd_car_history' AND ds_delind = 'N' AND ds_type = 'user' LIMIT 1 ";
		// echo $car_history_sql;
		$car_history_res = mysql_query($car_history_sql);
		$car_history_col = mysql_fetch_array($car_history_res);
	?>
	<!-- 사고이력 -->
	<section>
		<div class="car--info--wrap mt-5">
			<div class="title--wrapper d-flex align-items-center justify-content-between">
				<h2>사고 이력 정보</h2>

				<button type="button" class="excid--btn btn btn-primary" _data-bs-toggle="modal" _data-bs-target="#exampleModal2" id="btn_accident_view">사고이력 정보 보기</button>
			</div>

			<table class="mt25">
				<tbody>
					<tr>
						<th>차량번호 변경</th>
						<td><?=number_format($car_history_col['r201'])?> 회</td>
					</tr>
					<tr>
						<th>소유자 변경</th>
						<td><?=number_format($car_history_col['r204'])?> 회</td>
					</tr>
					<tr>
						<th>자동차 보험 특수 사고</th>
						<td>잔손 : <?=number_format($car_history_col['405'])?>회 / 침수전(분)손 : <?=number_format($car_history_col['407'])?>회 / 도난 : <?=number_format($car_history_col['r409'])?>회</td>
					</tr>
					<tr>
						<th>보험 사고 (내차 피해)</th>
						<td><?=number_format($car_history_col['r401'])?>회 (<?=number_format($car_history_col['r402'])?>원)</td>
					</tr>
					<tr>
						<th>보험 사고 (타차 가해)</th>
						<td><?=number_format($car_history_col['r403'])?>회 (<?=number_format($car_history_col['r404'])?>원)</td>
					</tr>
				</tbody>
			</table>


		</div>
	</section>


	<!-- 추가사진 (필수사진) -->
	<section class="mt-5 pt30">
		<div class="options--wrapper">
			<h2>차량사진<span class="astc--text">(필수사진)</span></h2>
			<div class="pic--add--wrap view--type">
			<?php
				$nm_file_front = getCarBasicThumbImage($cd_car, $nm_file_front, '차량전면', false, 'car_basic');
				preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_front, $matches);
				$nm_file_front_href = $matches[1][0];

				$nm_file_back = getCarBasicThumbImage($cd_car, $nm_file_back, '차량후면', false, 'car_basic');
				preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_back, $matches);
				$nm_file_back_href = $matches[1][0];

				$nm_file_side1 = getCarBasicThumbImage($cd_car, $nm_file_side1, '운전석 측면', false, 'car_basic');
				preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_side1, $matches);
				$nm_file_side1_href = $matches[1][0];

				$nm_file_side2 = getCarBasicThumbImage($cd_car, $nm_file_side2, '조수석 측면', false, 'car_basic');
				preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_side2, $matches);
				$nm_file_side2_href = $matches[1][0];

				$nm_file_dashboard = getCarBasicThumbImage($cd_car, $nm_file_dashboard, '계기판', false, 'car_basic');
				preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_dashboard, $matches);
				$nm_file_dashboard_href = $matches[1][0];
			?>
				<div class="add--box">
					<div class="thumb car--01">
						<a href="<?=$nm_file_front_href?>" data-lightbox="image-1" data-title="차량 전면">
							<?=$nm_file_front?>
						</a>
					</div>
					<div class="desc">차량 전면</div>
				</div>

				<div class="add--box">
					<div class="thumb car--02">
						<a href="<?=$nm_file_back_href?>" data-lightbox="image-1" data-title="차량 후면">
							<?=$nm_file_back?>
						</a>
					</div>
					<div class="desc">차량 후면</div>
				</div>

				<div class="add--box">
					<div class="thumb car--03">
						<a href="<?=$nm_file_side1_href?>" data-lightbox="image-1" data-title="운전석 측면">
							<?=$nm_file_side1?>
						</a>
					</div>
					<div class="desc">운전석 측면</div>
				</div>

				<div class="add--box">
					<div class="thumb car--04">
						<a href="<?=$nm_file_side2_href?>" data-lightbox="image-1" data-title="조수석 측면">
							<?=$nm_file_side2?>
						</a>
					</div>
					<div class="desc">조수석 측면</div>
				</div>


				<!-- 계기판만 다른 디자인 사용 -->
				<div class="add--box car--dashboard">
					<div class="thumb car--05">
						<a href="<?=$nm_file_dashboard_href?>" data-lightbox="image-1" data-title="계기판">
							<?=$nm_file_dashboard?>
						</a>
					</div>
					<div class="desc">계기판</div>
				</div>

			</div>
		</div>
	</section>

	<!-- 차량사진 (추가사진) -->
	<section class="mt-5 pt30">
		<div class="options--wrapper">
			<h2>차량사진<span class="astc--text">(추가사진)</span></h2>
			<div class="pic--add--wrap view--type">
			<?php
				if(!empty($cd_car)) {
					$sql = "SELECT *
								FROM car_file
									WHERE cd_car = '$cd_car'
										AND ds_delind='N'
								ORDER BY no_sort ASC, cd_car ASC ";

					// echo $sql;
					$r = mysql_query($sql, $connect);
					$i=1;
					while($imgs = mysql_fetch_assoc($r)) {
						$img_tag = getCarAddtionalImage($cd_car, $imgs['nm_file'], '추가사진'.$i, true, 'car_additional');
						// 정규식을 이용해서 img 태그 전체 / src 값만 추출하기
						preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $img_tag, $matches);
						// img 태그 전체 추출하기
						// print_r($matches[0]);
						// src 값만 추출하기
						// print_r($matches[1]);

						// $car_additional_img = UPLOAD_PATH_CAR.$imgs['cd_car']."_detail/".$imgs['nm_file'];
			?>
				<div class="add--box">
					<div class="thumb car--01">
						<a href="<?=$matches[1][0]?>" data-lightbox="image-2" data-title="추가사진<?=$i?>">
							<?=$img_tag?>
						</a>
					</div>
				</div>
				<li>

				</li>
			<?php
						$i++;
					}
				}
			?>
			</div>
		</div>
	</section>


	<!-- 차량설명 -->
	<section class="mt-5 pt30">
		<div class="options--wrapper">
			<h2>차량 설명하기</h2>
			<div class="editor--wrapper ty2">
				<div class="editor--inner col-12">
					<textarea rows="10" style="width:100%; padding:20px;" class="form-control"><?=$nm_desc?></textarea>
				</div>
			</div>
		</div>
	</section>


<!-- 레이어 팝업 -->
<?php include("../common/inc/inc_layer_popup.php") ?>



<link href="/design/staff/assets/css/lightbox.css" rel="stylesheet" />
<script src="/design/staff/assets/js/lightbox.js"></script>


<style>
.car_option_popup{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
.car_option_popup > h2{
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #222222;
}

.car_option_popup > h2 .astc--text{
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: #1E75FF;
}
.car_option_popup > h2 .astc--text.ty2{
  color: #909EB5;
}

.car_option_popup .options--list{
  width:100%;
  border-top:1px solid #888;
  margin-top:20px;
  padding-top:40px;
}
.car_option_popup .options--list > h2{
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #111111;
}
.car_option_popup .options--list > ul{
  display: flex;
  align-items: center;
  margin-top:30px;
  margin-bottom:50px;
}
.car_option_popup .options--list > ul >li{
  width:calc(100% / 4);
}
input[type="checkbox"] + label{
  font-weight: 350;
  font-size: 14px;
  line-height: 100%;
  color: #333333;
  display: flex;
  align-items:center;
  cursor: pointer;
}

input[type="checkbox"] + label:before{
  content:'';
  display: block;
  width:16px;
  height:16px;
  background:url(/design/staff/assets/img/check_off.svg) no-repeat center;
  margin-right:12px;
}
input[type="checkbox"]:checked + label:before{
  background:url(/design/staff/assets/img/check_on.svg) no-repeat center;
}


.car_option_popup .pic--add--wrap{
  display: flex;
  align-items: center;
  justify-content:space-between;
  width:100%;
  border-top:1px solid #888;
  margin-top:20px;
  padding-top:40px;
}
.car_option_popup .pic--add--wrap.bd-0{
  border:0px;
  padding-top:0px;
}

.car_option_popup .pic--add--wrap .add--box{
  width: 224px;
  height: 224px;
  display: flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;

  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 5px 5px rgba(239, 240, 241, 0.5);
  border-radius: 20px;
}
.car_option_popup .pic--add--wrap .add--box .thumb{
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #F7F7F9;
  position: relative;
}

.car_option_popup .pic--add--wrap.view--type .add--box .thumb{
  width:200px;
  height:140px;
  border-radius:0px;
  margin:0 auto;
  overflow:hidden;
  background: transparent!important;
}

.car_option_popup .pic--add--wrap.view--type .add--box .thumb img{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  max-height:140px;
  max-width:200px;
  object-fit: cover;
}

.car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard{
  position: relative;
}
.car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .thumb{
  height:204px;
  width:204px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .thumb img{
  width:100%;
  height:100%;
  max-width:204px;
  max-height:204px;
}
.car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .desc{
  z-index: 2;
  position: absolute;
  bottom:20px;
}



.car_option_popup .pic--add--wrap .add--box .thumb .add--btn{
  width: 26px;
  height: 26px;
  border-radius:26px;
  border: 1px solid #EDEFF1;
  box-shadow: 0px 2px 2px #DDE1E8;
  background:#fff url(../img/add_ic.svg) no-repeat center;
  position: absolute;
  top:0px;
  right:0px;
  cursor: pointer;
}

.car_option_popup .pic--add--wrap .add--box .thumb.car--01{ background:#f7f7f9 url(/design/staff/assets/img/car_pic01.svg) no-repeat center;}
.car_option_popup .pic--add--wrap .add--box .thumb.car--02{ background:#f7f7f9 url(/design/staff/assets/img/car_pic02.svg) no-repeat center;}
.car_option_popup .pic--add--wrap .add--box .thumb.car--03{ background:#f7f7f9 url(/design/staff/assets/img/car_pic03.svg) no-repeat center;}
.car_option_popup .pic--add--wrap .add--box .thumb.car--04{ background:#f7f7f9 url(/design/staff/assets/img/car_pic04.svg) no-repeat center;}
.car_option_popup .pic--add--wrap .add--box .thumb.car--05{ background:#f7f7f9 url(/design/staff/assets/img/car_pic05.svg) no-repeat center;}


.car_option_popup .pic--add--wrap .add--box .desc{
  font-weight: 350;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
  margin-top:10px;
}


.car_option_popup .pic--add--wrap.view--type .add--box .desc{
  background: #F3F5F8;
  border-radius: 50px;
  height:35px;
  display:inline-flex;
  align-items: center;
  padding:0 20px;

  font-weight: 350;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
}

.car_option_popup .pic--add--wrap .addition--box .thumb{
  background:#f7f7f9 url(../img/pic_ic.svg) no-repeat center;
}

.car_option_popup .pic--add--wrap .addition--box .add--btn{
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #1E75FF;

  width: 100px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(30, 117, 255, 0.3);
  border-radius: 50px;
  cursor: pointer;
}
</style>
<script>
	lightbox.option({
		'resizeDuration': 200,
		'wrapAround': true
	});


	$(function() {
		//input, select disabled 요청 2023-07-14
		$(".car--info--wrap select, .car--info--wrap input").prop("disabled", true);

		setCodeSelect("areacode","nm_hp1", "","","<?=$nm_hp_sale1?>","선택","");
		setCodeSelect("listcode","ds_area", "member_master","ds_area","<?=$ds_area_sale?>","선택하세요","");
		setCodeSelect("listcode","ds_business_num", "car_master","ds_business_num","<?=$ds_business_num?>","사업자 유,무를 선택하세요","");
		setCodeSelect("listcode","ds_sale_period", "sale_master","ds_sale_period","<?=$ds_sale_period?>","판매시기를 선택하세요","");
		setCodeSelect("listcode","ds_transmission", "car_master","ds_transmission","<?=$ds_transmission?>","선택하세요","");
		setCodeSelect("listcode","ds_year", "car_master","ds_year","<?=$ds_year?>","선택하세요","");
		setCodeSelect("listcode","ds_accident", "car_master","ds_accident","<?=$ds_accident?>","선택","");
		setCodeSelect("listcode","ds_tradein", "sale_master","ds_tradein","<?=$ds_tradein?>","선택하세요","");
		setCodeSelect("listcode","ds_buy_method", "sale_master","ds_buy_method","<?=$ds_buy_method?>","선택하세요","");
		setCodeSelect("listcode","ds_auction_time", "sale_master","ds_auction_time","<?=$ds_auction_time?>","선택하세요","");

		//차량이력정보 보기 팝업
		$("#btn_accident_view").on("click", function() {
			var custom_opts = {
				title : '',
				btn_close_show : false,
			}

			$.get("/sell/car_info_car_history_view.php", { mode: 'view', cd_car_history: "<?=$cd_car_history?>"},function(data) {
				$("#scr_cont").html(data);
				viewLayerPopup('car_history');
			});
		});

		$(".car_history_popup .close").on("click", function() {
			closeLayerPopup('car_history');
		});

		//차량이력정보 보기 팝업
		$("#btn_car_option").on("click", function() {
			var custom_opts = {
				title : '',
				btn_close_show : false,
			}

			$.get("/sell/car_option_view.php", { mode: 'view', cd_sale: <?=$cd_sale?>},function(data) {
				$("#car_option_cont").html(data);
				viewLayerPopup('car_option');
			});
		});

		$(".car_option_popup .close").on("click", function() {
			closeLayerPopup('car_option');
		});



	})
</script>