40 lines
6.5 KiB
PHP
40 lines
6.5 KiB
PHP
<section class="page-section"><div class="container"><header class="page-heading"><span>CONTACT</span><h1>1:1 비공개 상담 신청</h1><p>접수 내용은 담당자만 확인하며 연락처로 회신드립니다.</p></header><div class="contact-layout"><form class="contact-form" method="post" action="/contact" novalidate><?= csrf_field() ?><h2>상담 신청서</h2><p class="required-note"><span>*</span> 표시는 필수 입력 항목입니다.</p>
|
||
<?php if (!empty($errors)): ?><div class="form-errors" role="alert"><strong>입력 내용을 확인해 주세요.</strong><ul><?php foreach ($errors as $error): ?><li><?= e($error) ?></li><?php endforeach; ?></ul></div><?php endif; ?>
|
||
<div class="field-grid"><label>이름 / 회사명 <span>*</span><input name="name" value="<?= old('name') ?>" required maxlength="120" autocomplete="name"></label><label>연락처 <span>*</span><input name="phone" value="<?= old('phone') ?>" required maxlength="14" inputmode="numeric" autocomplete="tel" placeholder="010-0000-0000" data-phone-input></label></div>
|
||
<div class="field-grid">
|
||
<fieldset class="form-field email-field" data-email-field>
|
||
<legend>이메일</legend>
|
||
<div class="email-template" data-email-template hidden>
|
||
<label class="sr-only" for="email-local">이메일 아이디</label><input id="email-local" maxlength="64" autocomplete="off" inputmode="email" placeholder="이메일 아이디" data-email-local>
|
||
<span aria-hidden="true">@</span>
|
||
<label class="sr-only" for="email-domain">이메일 도메인</label><select id="email-domain" aria-label="이메일 도메인 선택" data-email-domain><option value="naver.com">naver.com</option><option value="gmail.com">gmail.com</option><option value="daum.net">daum.net</option><option value="hanmail.net">hanmail.net</option><option value="kakao.com">kakao.com</option><option value="nate.com">nate.com</option><option value="direct">직접입력</option></select>
|
||
</div>
|
||
<div class="email-direct-row" data-email-direct><input type="email" name="email" value="<?= old('email') ?>" maxlength="190" autocomplete="email" placeholder="example@domain.com" aria-label="전체 이메일 주소" data-email-full><button class="email-template-return" type="button" data-email-return hidden>주소 선택</button></div>
|
||
</fieldset>
|
||
<label>문의 유형<select name="type"><?php $selectedType = $_POST['type'] ?? $_GET['type'] ?? '네트워크 구축'; foreach (['네트워크 구축','키폰시스템','CCTV 설치','시공·유지보수','기타 문의'] as $type): ?><option<?= $selectedType === $type ? ' selected' : '' ?>><?= e($type) ?></option><?php endforeach; ?></select></label>
|
||
</div>
|
||
<label>제목 <span>*</span><input name="title" value="<?= old('title') ?>" required maxlength="200"></label><label>문의 내용 <span>*</span><textarea name="body" required maxlength="5000" rows="8" placeholder="현장 위치, 규모, 희망 일정 등을 적어주세요."><?= old('body') ?></textarea></label><label>조회 PIN <span>*</span><input type="password" name="password" required minlength="4" maxlength="4" inputmode="numeric" pattern="[0-9]{4}" autocomplete="new-password" aria-describedby="password-help" data-pin-input><small id="password-help">접수 결과와 답변 확인에 사용할 숫자 4자리를 입력해 주세요.</small></label>
|
||
<section class="consent-notice" aria-labelledby="consent-notice-title"><h3 id="consent-notice-title">개인정보 수집·이용 안내</h3><dl><div><dt>수집 목적</dt><dd>상담 접수, 문의 확인 및 답변 제공</dd></div><div><dt>필수 항목</dt><dd>이름 또는 회사명, 연락처, 문의 유형, 제목, 내용, 조회 PIN</dd></div><div><dt>선택 항목</dt><dd>이메일</dd></div><div><dt>보유 기간</dt><dd>문의 처리 종료 후 1년</dd></div></dl><p>동의를 거부할 권리가 있으나, 필수 항목 수집에 동의하지 않으면 온라인 문의를 접수할 수 없습니다.</p></section>
|
||
<label class="consent"><input type="checkbox" name="consent" value="1" required<?= isset($_POST['consent']) ? ' checked' : '' ?>><span>위 개인정보 수집·이용 안내를 확인하고 동의합니다. <a href="/privacy" target="_blank" rel="noopener">개인정보처리방침 보기</a></span></label><button class="button button-primary button-full" type="submit">1:1 문의 접수하기</button></form>
|
||
<?php
|
||
$address = (string) site_setting('address', config('app.contact.address'));
|
||
$mapQuery = (string) config('app.naver_maps.query', $address);
|
||
$mapUrl = 'https://map.naver.com/p/search/' . rawurlencode($mapQuery);
|
||
?>
|
||
<aside class="contact-side">
|
||
<div class="contact-card primary"><small>전화로 바로 상담</small><a href="tel:<?= e(site_setting('phone', config('app.contact.phone'))) ?>"><?= e(site_setting('phone', config('app.contact.phone'))) ?></a><p>경기지점 <?= e(site_setting('phone_sub', config('app.contact.phone_sub'))) ?><br>FAX <?= e(site_setting('fax', config('app.contact.fax'))) ?></p></div>
|
||
<div class="contact-card"><h2>영업시간</h2><p><?= e(site_setting('business_hours', config('app.contact.business_hours'))) ?><br>주말·공휴일 휴무</p></div>
|
||
<section class="contact-card contact-map-card" aria-labelledby="contact-map-title">
|
||
<h2 id="contact-map-title">오시는 길</h2>
|
||
<p><?= e($address) ?></p>
|
||
<div class="naver-map-frame" data-naver-map data-client-id="<?= e(config('app.naver_maps.client_id')) ?>" data-latitude="<?= e(config('app.naver_maps.latitude')) ?>" data-longitude="<?= e(config('app.naver_maps.longitude')) ?>" data-label="<?= e(config('app.legal_name')) ?>">
|
||
<div class="naver-map" aria-label="<?= e(config('app.legal_name')) ?> 위치 지도"></div>
|
||
<div class="naver-map-zoom" data-naver-map-zoom hidden><button type="button" aria-label="지도 확대" data-naver-map-zoom-in>+</button><button type="button" aria-label="지도 축소" data-naver-map-zoom-out>−</button></div>
|
||
<p class="naver-map-status" role="status" data-naver-map-status>지도를 불러오는 중입니다.</p>
|
||
<button class="naver-map-fullscreen" type="button" aria-label="지도를 전체 화면으로 보기" title="전체 화면" data-naver-map-fullscreen hidden><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 3H3v5M16 3h5v5M21 16v5h-5M8 21H3v-5"/></svg></button>
|
||
</div>
|
||
<a class="naver-map-external" href="<?= e($mapUrl) ?>" target="_blank" rel="noopener" data-naver-map-external>네이버 지도에서 확인</a>
|
||
</section>
|
||
</aside>
|
||
</div></div></section>
|