@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <form action="askdetail" method="post">
            <input type="hidden" name="id" id="id" value="">
            <input type="hidden" id="installment_id" value="{{$member_installment->id}}">
            <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" disabled>
                                        <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" disabled>
                                        <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" disabled>
                                            <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" disabled>
                                            <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}}" readonly>
                                    </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">
                                        @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">
                                        @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">
                                        @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" disabled>
                                            <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}}" readonly><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}}" readonly>
                                    </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" disabled>
                                            <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}}" readonly>
                                    </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}}" readonly>
                                    </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}}" readonly>
                                    </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}}" readonly>
                                    </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 form-select-sm mb-3" aria-label=".form-select-sm example" name="debt_type_period" id="debt_type_period" disabled>
                                            <option value="每日"
                                                @if ($member_loan->debt_type=="每日")
                                                selected
                                                @endif
                                            >每日</option>
                                        </select>
                                    </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}}" readonly>
                                    </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}}" readonly>
                                    </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">
                            <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="istatus" id="istatus">
                                            <option value="正常"
                                                @if ($member_installment->istatus=="正常")
                                                selected
                                                @endif
                                            >正常</option>
                                            <option value="有問題"
                                                @if ($member_installment->istatus=="有問題")
                                                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="idelay" id="idelay">
                                            <option value="無"
                                                @if ($member_loan->pawn_category=="無")
                                                selected
                                                @endif
                                            >無</option>
                                        </select>
                                    </div>
                                </div>
                                <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="autopay" id="autopay">
                                            <option value="否"
                                                @if ($member_installment->autopay=="否")
                                                selected
                                                @endif
                                            >否</option>
                                            <option value="是"
                                                @if ($member_installment->autopay=="是")
                                                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="financing" id="financing">
                                            <option value="否"
                                                @if ($member_installment->financing=="否")
                                                selected
                                                @endif
                                            >否</option>
                                            <option value="是"
                                                @if ($member_installment->financing=="是")
                                                selected
                                                @endif
                                            >是</option>
                                        </select>
                                    </div>
                                </div>
                                <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="receiving" id="receiving">
                                            <option value="否"
                                                @if ($member_installment->receiving=="否")
                                                selected
                                                @endif
                                            >否</option>
                                            <option value="是"
                                                @if ($member_installment->receiving=="是")
                                                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="stopped" id="stopped">
                                            <option value="否"
                                                @if ($member_installment->stopped=="否")
                                                selected
                                                @endif
                                            >否</option>
                                            <option value="是"
                                                @if ($member_installment->stopped=="是")
                                                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="paystatus" id="paystatus"
                                        >
                                            <option value="0"
                                                @if ($member_installment->paystatus=="0")
                                                selected
                                                @endif
                                            >尚未</option>
                                            <option value="1"
                                                @if ($member_installment->paystatus=="1")
                                                selected
                                                @endif
                                            >三方收款</option>
                                            <option value="2"
                                                @if ($member_installment->paystatus=="2")
                                                selected
                                                @endif
                                            >現金收款</option>
                                        </select>
                                    </div>
                                    <label for="pawn_category" class="col-sm-1 col-form-label">當日實收金額</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" id="payamount" name="payamount" value="{{$member_installment->payable}}">
                                    </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>
                            <button type="button" class="btn btn-danger col-3" onclick="clearloan()">結清貸款</button>
                        </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', $('#installment_id').val());
        formData.append('istatus', $('#istatus').find('option:selected').val());
        formData.append('paystatus', $('#paystatus').find('option:selected').val());
        formData.append('payamount', $('#payamount').val());
        formData.append('idelay', $('#idelay').find('option:selected').val());
        formData.append('autopay', $('#autopay').find('option:selected').val());
        formData.append('financing', $('#financing').find('option:selected').val());
        formData.append('receiving', $('#receiving').find('option:selected').val());
        formData.append('stopped', $('#stopped').find('option:selected').val());
        //
        formData.append('_token', '{{ csrf_token() }}');
        $.ajax({
            url: '/installment/update',
            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 = '/installment';
                                }
                            }
                        }
                    });
                }else{
                    $.alert({
                        title: '注意!',
                        content: data.message,
                    });
                }
        });
    }

    function clearloan() {
        $.confirm({
            title: '注意!',
            content: '確定要結清此項貸款嗎？',
            buttons: {
                confirm: {
                    text: '確定',
                    action: function () {
                        let formData = new FormData();
                        formData.append('id', $('#installment_id').val());
                        //
                        formData.append('_token', '{{ csrf_token() }}');
                        $.ajax({
                            url: '/installment/clearloan',
                            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 = '/installment';
                                                }
                                            }
                                        }
                                    });
                                }else{
                                    $.alert({
                                        title: '注意!',
                                        content: data.message,
                                    });
                                }
                        });
                    }
                },
                cancel: {
                    text: '取消',
                    action: function() {
                        //$.alert('Canceled!');
                    }
                },
            }
        });
    }

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