@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <form action="askdetail" method="post">
            <input type="hidden" name="id" value="">
            <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"
                                            @if ($business4id==0)
                                            selected
                                            @endif
                                        >--請選擇--</option>
                                        @foreach ($agentlines as $agentline )
                                            <option value="{{ $agentline->id}}"
                                                @if ($business4id==$agentline->id)
                                                selected
                                                @endif
                                            >{{ $agentline->agent}}-{{ $agentline->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <label for="staff" class="col-sm-1 col-form-label"></label>
                                <div class="col-sm-5">
                                </div>
                            </div>
                            <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="selectcodeid" id="selectcodeid">
                                        <option value="0"
                                            @if ($selectcodeid4id==0)
                                            selected
                                            @endif
                                        >--請選擇--</option>
                                        @foreach ($members as $member )
                                            <option value="{{ $member->id}}"
                                                @if ($selectcodeid4id==$member->id)
                                                selected
                                                @endif
                                            >{{ $member->codeid}}-{{ $member->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <label for="staff" 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>
                                <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="" readonly>
                                    </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="" readonly>
                                    </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="" readonly>
                                    </div>
                                    <label for="sex" 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="sex" name="sex" value="" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <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="" readonly>
                                    </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="" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="gsm" class="col-sm-1 col-form-label">聯絡電話</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="gsm" name="gsm" value="" readonly>
                                    </div>
                                    <label for="codeid" class="col-sm-1 col-form-label">電子郵件</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="email" name="email" value="" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="memo" class="col-sm-1 col-form-label">個人備註</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="memo" name="memo" value="" readonly>
                                    </div>
                                    <label for="blank" class="col-sm-1 col-form-label">黑名單</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="blank" name="blank" value="" readonly>
                                    </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="is_pawn" class="col-sm-1 col-form-label">典當</label>
                                    <div class="col-sm-5">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="is_pawn" id="is_pawn">
                                            <option value="1"
                                                @if ($member_loan->is_pawn=="1")
                                                selected
                                                @endif
                                            >是</option>
                                            <option value="0"
                                                @if ($member_loan->is_pawn=="0")
                                                selected
                                                @endif
                                            >否</option>
                                        </select>
                                    </div>
                                    <label for="pawn_category" class="col-sm-1 col-form-label">典當類別</label>
                                    <div class="col-sm-5">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="pawn_category" id="pawn_category">
                                            <option value="neno"
                                                @if ($member_loan->pawn_category=="neno")
                                                selected
                                                @endif
                                            >-- NONE --</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="pawn_items" class="col-sm-1 col-form-label">典當物品</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="pawn_items" name="pawn_items" value="{{$member_loan->pawn_items}}">
                                    </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="pawn_image0" class="col-sm-1 col-form-label">典當圖像</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="pawn_image0" name="pawn_image0" type="file">
                                        @if ($member_loan->pawn_image0!="nofile")
                                        <a href="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image0}}" target="_blank"><img src="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image0}}" width="100"></a>
                                        @endif
                                    </div>
                                    <label for="pawn_image1" class="col-sm-1 col-form-label">典當圖像</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="pawn_image1" name="pawn_image1" type="file">
                                        @if ($member_loan->pawn_image1!="nofile")
                                        <a href="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image1}}" target="_blank"><img src="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image1}}" width="100"></a>
                                        @endif
                                    </div>
                                    <label for="pawn_image2" class="col-sm-1 col-form-label">典當圖像</label>
                                    <div class="col-sm-5">
                                        <input class="form-control form-control-sm" id="pawn_image2" name="pawn_image2" type="file">
                                        @if ($member_loan->pawn_image2!="nofile")
                                        <a href="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image2}}" target="_blank"><img src="/customer/showInfo/{{$member_loan->mem_uid}}/{{$member_loan->pawn_image2}}" width="100"></a>
                                        @endif
                                    </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="contra_loan_id" class="col-sm-1 col-form-label">抵押貸款</label>
                                    <div class="col-sm-5">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="contra_loan_id" id="contra_loan_id">
                                            <option value="0"
                                                @if ($member_loan->contra_loan_id=="0")
                                                selected
                                                @endif
                                            >-- 選擇抵押貸款ID --</option>
                                        </select>
                                    </div>
                                    <label for="contra_amount" class="col-sm-1 col-form-label">抵押貸款金額</label>
                                    <div class="col-sm-5">
                                        <input type="number" class="form-control" id="contra_amount" name="contra_amount" value="{{$member_loan->contra_amount}}"><span style="color: #F00">OVER ANOTHER LOAN(DOES NOT AFFECT TOTAL PAYMENT)</span>
                                    </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="application_date" class="col-sm-1 col-form-label">申請日期<span style="color: #F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="date" class="form-control" id="application_date" name="application_date" value="{{$member_loan->application_date}}" onfocus="this.showPicker()">
                                    </div>
                                    <label for="loan_source" class="col-sm-1 col-form-label">貨款來源</label>
                                    <div class="col-sm-5">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="loan_source" id="loan_source">
                                            <option value="0"
                                                @if ($member_loan->loan_soruce=="0")
                                                selected
                                                @endif
                                            >-- NONE --</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="loan_start_date" class="col-sm-1 col-form-label">貸款開始日期<span style="color: #F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="date" class="form-control" id="loan_start_date" name="loan_start_date" value="{{$member_loan->loan_start_date}}" onfocus="this.showPicker()">
                                    </div>
                                    <label for="loan_amount" class="col-sm-1 col-form-label">貸款金額<span style="color: #F00">*</span></label>
                                    <div class="col-sm-5">
                                        <input type="number" class="form-control" id="loan_amount" name="loan_amount" value="{{$member_loan->loan_amount}}">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="debt_type_period" class="col-sm-1 col-form-label">債務區間<span style="color: #F00">*</span></label>
                                    <div class="col-sm-5">
                                        <select class="form-select mb-3" aria-label=" example" name="debt_type_period" id="debt_type_period">
                                            @for ($i = 1; $i <= 30; $i++)
                                            <option value="{{ $i }}"
                                                @if ($member_loan->debt_type_period==$i)
                                                selected
                                                @endif
                                                >每{{ $i }}日</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <label for="application_fee" class="col-sm-1 col-form-label">利潤</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="application_fee" name="application_fee" value="{{$member_loan->application_fee}}">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="debt_period" 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="debt_period" name="debt_period" value="{{$member_loan->debt_period}}">
                                    </div>
                                    <label for="payment_upfront" class="col-sm-1 col-form-label">預付款</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="payment_upfront" name="payment_upfront" value="{{$member_loan->payment_upfront}}">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="remark" 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="remark" name="remark" value="{{$member_loan->remark}}">
                                    </div>
                                    <label for="payment_upfront" 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 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">
                                    <div class="table-responsive" style="background-color: #FFF">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th scope="col">號碼</th>
                                                    <th scope="col">分期付款代碼</th>
                                                    <th scope="col">到期日</th>
                                                    <th scope="col">應付金額</th>
                                                    <th scope="col">貸款餘額</th>
                                                    <th scope="col">入款金額</th>
                                                    <th scope="col">已收金額</th>
                                                    <th scope="col">滯納金</th>
                                                    <th scope="col">備註</th>
                                                    <th scope="col">狀態</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($installments as $installment )
                                                <tr>
                                                    <th scope="row">{{$loop->iteration}}</th>
                                                    <td>{{$installment->RowIdcode}}</td>
                                                    <td>{{$installment->paydate}}</td>
                                                    <td>{{$installment->payable}}</td>
                                                    <td>{{$installment->payed_amount}}</td>
                                                    <td>{{$installment->payamount}}</td>
                                                    <td>{{$installment->payed_amount2}}</td>
                                                    <td></td>
                                                    <td>{{$installment->remark}}</td>
                                                    <td>正常</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

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


            <!-- Recent Sales End -->
@endsection
@section('footer_js')
<script>
    $(document).ready(function(){
        $('#selectcodeid').on('change', function() {
            //console.log( this.value );
            var id = this.value;
            change(id);
        });
        var id = $('#selectcodeid').find('option:selected').val();
        if (id!=0) {
            change(id);
        }
    });

    function change(tid) {
        var id = tid;
        $('#id').val(id);
        $.ajax({
            url: '/customer/addloan_select',
            type: 'GET',
            data: {
                'id': id,
                '_token': "{{ csrf_token() }}",
            },
            success: function(result) {
                if (result.code=="Ok"){
                    var m = result.m;
                    $('#name').val(m.name);
                    $('#race').val(m.race);
                    $('#codeid').val(m.codeid);
                    $('#sex').val(m.sex);
                    $('#marriage').val(m.marriage);
                    $('#child').val(m.child);
                    $('#gsm').val(m.gsm);
                    $('#email').val(m.email);
                    $('#memo').val(m.memo);
                    $('#blank').val('CLEAR');
                }else{
                    $.alert({
                        title: '注意!',
                        content: result.message,
                    });
                }
            }
        });
    }

    function doit() {
        var msg = '';
        var agentline = $('#business').find('option:selected').val();
        if (agentline=="0") {
            msg = msg + '請選擇業務<br>';
        }
        var selectcodeid = $('#selectcodeid').find('option:selected').val();
        if (selectcodeid=="0") {
            msg = msg + '請選擇客服身分證<br>';
        }

        if (msg!="") {
            $.alert({
                title: '注意!',
                content: msg,
            });
            return;
        }
        let formData = new FormData();
        formData.append('id', selectcodeid);
        formData.append('agentline', agentline);
        formData.append('is_pawn', $('#is_pawn').val());
        formData.append('pawn_category', $('#pawn_category').val());
        formData.append('pawn_items', $('#pawn_items').val());
        //
        formData.append('pawn_image0', $('#pawn_image0').prop('files')[0]);
        formData.append('pawn_image1', $('#pawn_image1').prop('files')[0]);
        formData.append('pawn_image2', $('#pawn_image2').prop('files')[0]);
        //
        formData.append('contra_loan_id', $('#contra_loan_id').val());
        formData.append('contra_amount', $('#contra_amount').val());
        formData.append('application_date', $('#application_date').val());
        formData.append('loan_source', $('#loan_source').val());
        formData.append('loan_start_date', $('#loan_start_date').val());
        formData.append('loan_amount', $('#loan_amount').val());
        formData.append('debt_period', $('#debt_period').val());
        formData.append('application_fee', $('#application_fee').val());
        formData.append('debt_type_period', $('#debt_type_period').val());
        formData.append('payment_upfront', $('#payment_upfront').val());
        formData.append('remark', $('#remark').val());
        //
        formData.append('_token', '{{ csrf_token() }}');
        $.ajax({
            url: '/customer/editloan',
            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/edit/'+selectcodeid;
                                }
                            }
                        }
                    });
                }else{
                    $.alert({
                        title: '注意!',
                        content: data.message,
                    });
                }
        });
    }

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