@extends('web.includes.layout',[
    'page_title' => '聯絡業務',
    'main_id' => 'product',
    'seo' => false,
    'seo_title' => '',
    'seo_description' => '',
    'seo_keyword' => '',
    'seo_image'=> '',
    'seo_type' => 'website',
])


@push('head')

@endpush
@push('script')
{!! NoCaptcha::renderJs() !!}
<script>
     
     $('.dr-title').click(function() {
        $(this).next('.dr-box').slideToggle();
        return false;
    })

    Splitting(); 

    ScrollOut({  
        threshold: .2,
        once: true
    });
    
   
    

   
</script>


@endpush

@section('main')

<article>
    <section>
        @include('web.includes.bread',[
        'items' => [
            '1' => [
                'link' => base_path(),
                'text' => '首頁',
            ],
            '2' => [
                'link' => '',
                'text' => '聯絡業務',
            ]
        ]
    ])
    </section>

    <section class="py-5">
        <div class="container" data-scroll>
            <div class="text-center" data-splitting>
                <div class="title fs-25 fw-bold mb-3">提供專業諮詢，深入了解更多!</div>
                <div class="text-box">
                    非常感謝您對我們的產品及服務感興趣，<br>
                    請填寫以下資料，我們將盡速與您聯繫。
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-lg-8 mx-auto">
                    
                 <form action="" method="post" id="contact_form" enctype="multipart/form-data">
                                     @csrf
                    <div class="row">
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">姓名*</label>
                                    <input type="text" name="name"  class="form-control col-lg-9" placeholder="請輸入完整名稱">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">公司*</label>
                                    <input type="text" name="company" class="form-control col-lg-9" placeholder="請輸入公司名稱">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">連絡電話*</label>
                                    <input type="text" name="tel" class="form-control col-lg-9" placeholder="請輸入市話或手機">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">電子信箱</label>
                                    <input type="text" name="email" class="form-control col-lg-9" placeholder="請輸入Email">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">職稱</label>
                                    <input type="text" class="form-control col-lg-9" placeholder="請輸入職稱">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row align-items-center">
                                    <label class="col-lg-3">如何得知</label>
                                    <select name="howknow" class="form-control" id="exampleFormControlSelect1 ">
                                        <option>您是如何得知承暉整合資訊呢?</option>
                                        <option value="Google 搜尋">Google 搜尋</option>
                                        <option value="Google關鍵字廣告">Google關鍵字廣告</option>
                                        <option value="LINE&LINE@相關網站">LINE&LINE@相關網站</option>
                                        <option value="親朋好友介紹">親朋好友介紹</option>
                                        <option value="展覽/研討會/線下活動">展覽/研討會/線下活動</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mt-5 mb-5">
                            <div class="row">
                                <div class="col-lg-3 mb-3">選擇您感興趣的產品項目
                                    <div class="sub-text text-c3">*複選式選單</div>
                                </div>
                                <div class="col-lg-9 mb-3">
                                    <div class="drown-box mb-4">
                                        <div class="dr-title">
                                            Omni-Channel 全通路數位客服平台
                                            <span></span>
                                        </div>
                                        <div class="dr-box py-2 ps-4">
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="PSTN">
                                                <label class="form-check-label" for="">PSTN</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="網路電話">
                                                <label class="form-check-label" for="">網路電話</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="文字">
                                                <label class="form-check-label" for="">文字</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="視訊">
                                                <label class="form-check-label" for="">視訊</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="電子郵件">
                                                <label class="form-check-label" for="">電子郵件</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="工單">
                                                <label class="form-check-label" for="">工單</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="知識管理系統">
                                                <label class="form-check-label" for="">知識管理系統</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="錄音/錄影系統">
                                                <label class="form-check-label" for="">錄音/錄影系統</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input"  name="chk1[]" type="checkbox" value="報表/儀表板">
                                                <label class="form-check-label" for="">報表/儀表板</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="drown-box mb-4">
                                        <div class="dr-title">
                                        智能電話行銷系統
                                            <span></span>
                                        </div>
                                        <div class="dr-box py-2 ps-4">
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="預覽外撥模組">
                                                <label class="form-check-label" for="">預覽外撥模組</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="自動外撥模組" >
                                                <label class="form-check-label" for="">自動外撥模組</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="drown-box mb-4">
                                        <div class="dr-title">
                                        AI智能客服應用解決方案
                                            <span></span>
                                        </div>
                                        <div class="dr-box py-2 ps-4">
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="文字機器人">
                                                <label class="form-check-label" for="">文字機器人</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="客服語音機器人">
                                                <label class="form-check-label" for="">客服語音機器人</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="滿意度語音機器人">
                                                <label class="form-check-label" for="">滿意度語音機器人</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="電銷語音機器人">
                                                <label class="form-check-label" for="">電銷語音機器人</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="催收語音機器人">
                                                <label class="form-check-label" for="">催收語音機器人</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="智能助手">
                                                <label class="form-check-label" for="">智能助手</label>
                                            </div>
                                            <div class="form-check form-check-inline w-100 mb-2">
                                                <input class="form-check-input" name="chk1[]" type="checkbox" value="AI質檢系統">
                                                <label class="form-check-label" for="">AI質檢系統</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pe-lg-2">
                                        <div class="form-group row align-items-center">
                                            <label class="col-lg-2">其他</label>
                                            <input type="text" name="other" class="form-control col-lg-10" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 mb-4">
                            <div class="pe-lg-2">
                                <div class="form-group row">
                                    <label class="col-lg-3">諮詢內容</label>
                                    <textarea class="form-control col-lg-9" name="info"  rows="3" placeholder="產品規格、API串接、平台建置專案開發…"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="d-flex flex-wrap justify-content-center my-4">
                        {!! NoCaptcha::display() !!}
                    </div>
                    <div class="text-center" data-aos="fade-up">
                        <a href="javascript:validate('#contact_form', 'contact.rule', 'contact.rule_message', 'contact');"  class="page-more-btn">送出表單 <i class="fa-regular fa-arrow-right ms-lg-7 ms-4"></i></a>
                    </div>
                </form>
                </div>
            </div>

                <div class="row my-8" data-aos="fade-down">
                    <div class="col-lg-8 mx-auto bg-c3 noicce-box">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="title fs-20 mb-3 fw-bold mb-3">若您需要以下服務 :</div>
                                <div class="list mb-2"><i class="fa-regular fa-hand-point-right me-2"></i>了解產品特色/規格/價格</div>
                                <div class="list mb-2"><i class="fa-regular fa-hand-point-right me-2"></i>產品Demo</div>
                                <div class="list mb-2"><i class="fa-regular fa-hand-point-right me-2"></i>立即的支援與服務</div>
                            </div>
                            <div class="col-lg-7">
                                <div class="text-center fs-20 fw-bold mb-3">歡迎透過其他免費管道與我們聯繫</div>
                                <div class="d-flex flex-wrap justify-content-center">
                                    
                                    <a href="mailto:service@crm.com.tw" class="m-3">
                                        <img src="{{ resources_path() }}_img/contact/mail.svg" alt="">
                                    </a>
                                    <a href="tel:02-2913-5255" class="m-3">
                                        <img src="{{ resources_path() }}_img/contact/phone.svg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </section>







</article>



@endsection