@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <form action="askdetail" method="post">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="container-fluid pt-4 px-4">
                <div class="row g-4">
                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <div class="row mb-12">
                                <label for="business" class="col-sm-1 col-form-label">業務<span style="color:#F00">*</span></label>
                                <div class="col-sm-5">
                                    <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="business" id="business">
                                        <option value="0" selected>-</option>
                                        @foreach ($agentlines as $agentline )
                                            <option value="{{ $agentline->id}}">{{ $agentline->agent}}-{{ $agentline->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <label for="staff" class="col-sm-1 col-form-label">職員<span style="color:#F00">*</span></label>
                                <div class="col-sm-5">
                                    <input type="text" class="form-control" id="staff" name="staff" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">個人資訊</h6>
                                <div class="row mb-3">
                                    <label for="name" class="col-sm-1 col-form-label">姓名<span style="color:#F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="name" name="name" value="">
                                    </div>
                                    <label for="race" class="col-sm-1 col-form-label">地區<span style="color:#F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="race" name="race" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="codeid" class="col-sm-1 col-form-label">身份證<span style="color:#F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="codeid" name="codeid" value="">
                                    </div>
                                    <label for="sex" class="col-sm-1 col-form-label">性別<span style="color:#F00">*</span></label>
                                    <div class="col-sm-5">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="sex" id="sex">
                                            <option value="99" selected>--選擇性別--</option>
                                            <option value="1">男</option>
                                            <option value="0">女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="passport" class="col-sm-1 col-form-label">護照</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="passport" name="passport" value="">
                                    </div>
                                    <label for="marriage" class="col-sm-1 col-form-label">婚姻狀況</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="marriage" name="marriage" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="codeid" class="col-sm-1 col-form-label"></label>
                                    <div class="col-sm-5">

                                    </div>
                                    <label for="child" class="col-sm-1 col-form-label">兒童人數</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="child" name="child" value="">
                                    </div>
                                </div>
                                <div class="row mb-3"></div>

                                <div class="row mb-3">
                                    <label for="addr1" class="col-sm-1 col-form-label">現居地址</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="addr1" name="addr1" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="city1" class="col-sm-1 col-form-label">縣巿</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="city1" name="city1" value="">
                                    </div>
                                    <label for="zonecode1" class="col-sm-1 col-form-label">郵遞區號</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="zonecode1" name="zonecode1" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="zone1" class="col-sm-1 col-form-label">鄉鎮</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="zone1" name="zone1" value="">
                                    </div>
                                    <label for="memo1" class="col-sm-1 col-form-label">備註</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="memo1" name="memo1" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="own1" class="col-sm-1 col-form-label">所有權</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="own1" name="own1" value="">
                                    </div>
                                    <label for="owndate1" class="col-sm-1 col-form-label">自從</label>
                                    <div class="col-sm-5">
                                        <input type="date" class="form-control" id="owndate1" name="owndate1" value="" onfocus="this.showPicker()">
                                    </div>
                                </div>
                                <div class="row mb-3"></div>

                                <div class="row mb-3">
                                    <label for="addr2" class="col-sm-1 col-form-label">戶籍地址</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="addr2" name="addr2" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="city2" class="col-sm-1 col-form-label">縣巿</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="city2" name="city2" value="">
                                    </div>
                                    <label for="zonecode2" class="col-sm-1 col-form-label">郵遞區號</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="zonecode2" name="zonecode2" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="zone2" class="col-sm-1 col-form-label">鄉鎮</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="zone2" name="zone2" value="">
                                    </div>
                                    <label for="memo2" class="col-sm-1 col-form-label">備註</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="memo2" name="memo2" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="own2" class="col-sm-1 col-form-label">所有權</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="own2" name="own2" value="">
                                    </div>
                                    <label for="owndate2" class="col-sm-1 col-form-label">自從</label>
                                    <div class="col-sm-5">
                                        <input type="date" class="form-control" id="owndate2" name="owndate2" value="" onfocus="this.showPicker()">
                                    </div>
                                </div>
                                <div class="row mb-3"></div>

                                <div class="row mb-3">
                                    <label for="gsm1" class="col-sm-1 col-form-label">聯絡電話</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="gsm1" name="gsm1" value="">
                                    </div>
                                    <label for="gsm2" class="col-sm-1 col-form-label">聯絡電話2</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="gsm2" name="gsm2" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="email" class="col-sm-1 col-form-label">電子郵件</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="email" name="email" value="">
                                    </div>
                                    <label for="memo3" class="col-sm-1 col-form-label">備註</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="memo3" name="memo3" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="carcode" class="col-sm-1 col-form-label">車牌</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="carcode" name="carcode" value="">
                                    </div>
                                    <label for="memo2" class="col-sm-1 col-form-label"></label>
                                    <div class="col-sm-5">
                                    </div>
                                </div>

                        </div>
                    </div>
                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">就業和公司資訊</h6>
                            <form>
                                <div class="row mb-3">
                                    <label for="company_name" class="col-sm-1 col-form-label">公司名稱</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="company_name" name="company_name" value="">
                                    </div>
                                    <label for="memo2" class="col-sm-1 col-form-label">電話號碼</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="company_tel" name="company_tel" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="company_jop" class="col-sm-1 col-form-label">就業類型</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="company_jop" name="company_jop" value="">
                                    </div>
                                    <label for="company_jop2" class="col-sm-1 col-form-label"></label>
                                    <div class="col-sm-5">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="company_addr" class="col-sm-1 col-form-label">辦公室地址</label>
                                    <div class="col-sm-11">
                                        <input type="text" class="form-control" id="company_addr" name="company_addr" value="">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">家庭和擔保人信息</h6>
                            <form>
                                <div class="row mb-3">
                                    <label for="family_name" class="col-sm-1 col-form-label">姓名</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="family_name" name="family_name" value="">
                                    </div>
                                    <label for="family_relation" class="col-sm-1 col-form-label">關係</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="family_relation" name="family_relation" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="family_codeid" class="col-sm-1 col-form-label">身分證</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="family_codeid" name="family_codeid" value="">
                                    </div>
                                    <label for="family_check" class="col-sm-1 col-form-label">驗證</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="family_check" name="family_check" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="family_tel" class="col-sm-1 col-form-label">電話號碼</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="family_tel" name="family_tel" value="">
                                    </div>
                                    <label for="family_check2" class="col-sm-1 col-form-label"></label>
                                    <div class="col-sm-5">

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">銀行資訊</h6>
                            <form>
                                <div class="row mb-3">
                                    <label for="bank_bname" class="col-sm-1 col-form-label">銀行名稱</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_bname" name="bank_bname" value="">
                                    </div>
                                    <label for="bank_card" class="col-sm-1 col-form-label">銀行卡</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_card" name="bank_card" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="bank_account" class="col-sm-1 col-form-label">帳號</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_account" name="bank_account" value="">
                                    </div>
                                    <label for="bank_pinno" class="col-sm-1 col-form-label">PIN NO.</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_pinno" name="bank_pinno" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="bank_name" class="col-sm-1 col-form-label">銀行持有人</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_name" name="bank_name" value="">
                                    </div>
                                    <label for="bank_memo" class="col-sm-1 col-form-label">備註</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="bank_memo" name="bank_memo" value="">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">文件</h6>
                            <form>
                                <div class="row mb-3">
                                    <label for="doc_pic0" class="col-sm-1 col-form-label">身分證正面</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic0" name="doc_pic0" type="file">
                                    </div>
                                    <label for="doc_pic1" class="col-sm-1 col-form-label">身分證反面</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic1" name="doc_pic1" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic2" class="col-sm-1 col-form-label">第二證件正面</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic2" name="doc_pic2" type="file">
                                    </div>
                                    <label for="doc_pic3" class="col-sm-1 col-form-label">第二證件反面</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic3" name="doc_pic3" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic4" class="col-sm-1 col-form-label">本人自拍照（持身份證）</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic4" name="doc_pic4" type="file">
                                    </div>
                                    <label for="doc_pic5" class="col-sm-1 col-form-label">工作證明照片</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic5" name="doc_pic5" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic6" class="col-sm-1 col-form-label">車輛照片</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic6" name="doc_pic6" type="file">
                                    </div>
                                    <label for="doc_pic7" class="col-sm-1 col-form-label">車輪行照</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic7" name="doc_pic7" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic8" class="col-sm-1 col-form-label">居住地門牌照</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic8" name="doc_pic8" type="file">
                                    </div>
                                    <label for="doc_pic9" class="col-sm-1 col-form-label">薪資單1</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic9" name="doc_pic9" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic10" class="col-sm-1 col-form-label">薪資單2</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic10" name="doc_pic10" type="file">
                                    </div>
                                    <label for="doc_pic11" class="col-sm-1 col-form-label">薪資單3</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic11" name="doc_pic11" type="file">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="doc_pic12" class="col-sm-1 col-form-label">貸款協議</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="doc_pic12" name="doc_pic12" type="file">
                                    </div>
                                    <label for="doc_pic12x" class="col-sm-1 col-form-label"></label>
                                    <div class="col-sm-5">

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xl-12">
                        <div class="bg-light rounded h-100 p-4">
                            <button type="button" class="btn btn-secondary col-2" onclick="redirect()">返回</button>
                            <button type="button" class="btn btn-primary col-3" onclick="doit()">提交</button>
                        </div>
                    </div>

                </div>
            </div>
            </form>


            <!-- Recent Sales End -->
@endsection
@section('footer_js')
<script>
    $(document).ready(function(){
        //$('.datepicker').datepicker();
    });

    function doit() {
        var msg = '';
        var business = $('#business').find('option:selected').val();
        if (business=="0") {
            msg = msg + '請選擇業務<br>';
        }
        if ($('#staff').val()=="") {
            msg = msg + '請填上職員<br>';
        }
        if ($('#name').val()=="") {
            msg = msg + '請填上姓名<br>';
        }
        if ($('#codeid').val()=="") {
            msg = msg + '請填上身份證號碼<br>';
        }
        if ($('#race').val()=="") {
            msg = msg + '請填上地區<br>';
        }
        var sex = $('#sex').find('option:selected').val();
        if (sex=="99") {
            msg = msg + '請選擇性別<br>';
        }

        if (msg!="") {
            $.alert({
                title: '注意!',
                content: msg,
            });
            return;
        }
        let formData = new FormData();
        formData.append('business', $('#business').val());
        formData.append('staff', $('#staff').val());
        formData.append('name', $('#name').val());
        formData.append('race', $('#race').val());
        formData.append('codeid', $('#codeid').val());
        formData.append('sex', $('#sex').val());
        formData.append('passport', $('#passport').val());
        formData.append('marriage', $('#marriage').val());
        formData.append('child', $('#child').val());
        formData.append('addr1', $('#addr1').val());
        formData.append('city1', $('#city1').val());
        formData.append('zonecode1', $('#zonecode1').val());
        formData.append('zone1', $('#zone1').val());
        formData.append('memo1', $('#memo1').val());
        formData.append('own1', $('#own1').val());
        formData.append('owndate1', $('#owndate1').val());
        formData.append('addr2', $('#addr2').val());
        formData.append('city2', $('#city2').val());
        formData.append('zonecode2', $('#zonecode2').val());
        formData.append('zone2', $('#zone2').val());
        formData.append('memo2', $('#memo2').val());
        formData.append('own2', $('#own2').val());
        formData.append('owndate2', $('#owndate2').val());
        formData.append('gsm1', $('#gsm1').val());
        formData.append('gsm2', $('#gsm2').val());
        formData.append('email', $('#email').val());
        formData.append('memo3', $('#memo3').val());
        formData.append('carcode', $('#carcode').val());

        formData.append('company_name', $('#company_name').val());
        formData.append('company_tel', $('#company_tel').val());
        formData.append('company_jop', $('#company_jop').val());
        formData.append('company_addr', $('#company_addr').val());
        formData.append('family_name', $('#family_name').val());
        formData.append('family_relation', $('#family_relation').val());
        formData.append('family_codeid', $('#family_codeid').val());
        formData.append('family_check', $('#family_check').val());
        formData.append('family_tel', $('#family_tel').val());
        formData.append('bank_bname', $('#bank_bname').val());
        formData.append('bank_card', $('#bank_card').val());
        formData.append('bank_account', $('#bank_account').val());
        formData.append('bank_pinno', $('#bank_pinno').val());
        formData.append('bank_name', $('#bank_name').val());
        formData.append('bank_memo', $('#bank_memo').val());

        formData.append('doc_pic0', $('#doc_pic0').prop('files')[0]);
        formData.append('doc_pic1', $('#doc_pic1').prop('files')[0]);
        formData.append('doc_pic2', $('#doc_pic2').prop('files')[0]);
        formData.append('doc_pic3', $('#doc_pic3').prop('files')[0]);
        formData.append('doc_pic4', $('#doc_pic4').prop('files')[0]);
        formData.append('doc_pic5', $('#doc_pic5').prop('files')[0]);
        formData.append('doc_pic6', $('#doc_pic6').prop('files')[0]);
        formData.append('doc_pic7', $('#doc_pic7').prop('files')[0]);
        formData.append('doc_pic8', $('#doc_pic8').prop('files')[0]);
        formData.append('doc_pic9', $('#doc_pic9').prop('files')[0]);
        formData.append('doc_pic10', $('#doc_pic10').prop('files')[0]);
        formData.append('doc_pic11', $('#doc_pic11').prop('files')[0]);
        formData.append('doc_pic12', $('#doc_pic12').prop('files')[0]);
        //
        formData.append('_token', '{{ csrf_token() }}');
        $.ajax({
            url: '/customer/add',
            method: 'POST',
            processData: false,
            contentType: false,
            data: formData,
        })
        .done(function(data, textStatus, jqXHR){
                if (data.code=="Ok"){
                    $.confirm({
                        title: '成功!',
                        content: '新增成功!',
                        buttons: {
                            confirm: {
                                text: '確定',
                                action: function () {
                                    location.href = '/customer';
                                }
                            }
                        }
                    });
                }else{
                    $.alert({
                        title: '注意!',
                        content: data.message,
                    });
                }
        });
    }

    function redirect(){
        location.href = '/customer';
    }
</script>
@endsection