@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <form action="" 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-6">
                        <div class="bg-light rounded h-100 p-4">
                            <h6 class="mb-4">新增支付</h6>
                                <div class="row mb-3">
                                    <label for="agentline" class="col-sm-3 col-form-label">業務<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="agentline" id="agentline">
                                            <option value="0" selected>沒有</option>
                                            @foreach ($agentlines as $agentline )
                                                <option value="{{ $agentline->id}}">{{ $agentline->agent}}-{{ $agentline->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="paycode" class="col-sm-3 col-form-label">付款碼<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="paycode" id="paycode">
                                            <option value="0" selected>-- 請選擇付款碼 --</option>
                                            @foreach ($paycodes as $paycode)
                                                <option value="{{ $paycode->id}}">{{ $paycode->icode}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="payway" class="col-sm-3 col-form-label">付款方式<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="payway" id="payway">
                                            <option value="0" selected>-- 請選擇付款方式 --</option>
                                            @foreach ($payways as $payway => $value )
                                                <option value="{{ $value['id']}}">{{ $value['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="paydate" class="col-sm-3 col-form-label">付款日期時間<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <input type="datetime-local" class="form-control" id="paydate" name="paydate" value="" step="1">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="amount" class="col-sm-3 col-form-label">金額<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <input type="number" class="form-control" id="amount" name="amount" value="0">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="fee" class="col-sm-3 col-form-label">銀行收費</label>
                                    <div class="col-sm-9">
                                        <input type="number" class="form-control" id="fee" name="fee" value="0">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="bank" class="col-sm-3 col-form-label">輸入/出款方式<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="bank" id="bank">
                                            <option value="0" selected>-- 選擇 --</option>
                                            @foreach ($banks as $bank => $value )
                                                <option value="{{ $value['id']}}">{{ $value['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="memo" class="col-sm-3 col-form-label">備註</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="memo" name="memo" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="istatus" class="col-sm-3 col-form-label">狀態<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <select class="form-select form-select-sm mb-3" aria-label=".form-select-sm example" name="istatus" id="istatus">
                                            <option value="0" selected>-- 選擇狀態 --</option>
                                            @foreach ($istatuss as $istatus => $value )
                                                <option value="{{ $value['id']}}">{{ $value['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                        </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 = '';
        if ($('#paycode').find('option:selected').val()=="0") {
            msg = msg + '請選擇付款碼<br>';
        }
        if ($('#payway').find('option:selected').val()=="0") {
            msg = msg + '請選擇付款方式<br>';
        }
        if ($('#paydate').val()=="") {
            msg = msg + '請選擇付款時間<br>';
        }
        if ($('#amount').val()=="0" ||
            $('#amount').val()=="") {
            msg = msg + '請填上金額<br>';
        }
        if ($('#bank').find('option:selected').val()=="0") {
            msg = msg + '請選擇轉入/出銀行<br>';
        }
        if ($('#istatus').find('option:selected').val()=="0") {
            msg = msg + '請選擇狀態<br>';
        }

        if (msg!="") {
            $.alert({
                title: '注意!',
                content: msg,
            });
            return;
        }

        $.post("/payment/add",{
            agentline:$('#agentline').find('option:selected').val(),
            paycode:$('#paycode').find('option:selected').val(),
            payway:$('#payway').find('option:selected').val(),
            paydate:$('#paydate').val(),
            amount:$('#amount').val(),
            fee:$('#fee').val(),
            bank:$('#bank').find('option:selected').val(),
            memo:$('#memo').val(),
            istatus:$('#istatus').find('option:selected').val(),
        },
        function(data,status){
            if (data.code=="Ok"){
                $.confirm({
                    title: '成功!',
                    content: '新增完成!',
                    buttons: {
                        confirm: {
                            text: '確定',
                            action: function () {
                                location.href = '/payment';
                            }
                        }
                    }
                });
            }else{
                $.alert({
                    title: '注意!',
                    content: result.message,
                });
            }
        });
    }

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