@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="account" class="col-sm-3 col-form-label">代理帳戶<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="account" name="account" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="icode" class="col-sm-3 col-form-label">代理編號<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="icode" name="icode" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="name" class="col-sm-3 col-form-label">代理名字<span style="color:#F00">*</span></label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="name" name="name" value="">
                                    </div>
                                </div>
                                <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">
                                            @foreach ($agentlines as $agentline )
                                                <option value="{{ $agentline->id}}"
                                                @if ($loop->index==0)
                                                    selected
                                                @endif >{{ $agentline->agent}}-{{ $agentline->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>
                    </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 ($('#account').val()=="") {
            msg = msg + '請填上代理帳戶<br>';
        }
        if ($('#icode').val()=="") {
            msg = msg + '請填上代理編號<br>';
        }
        if ($('#name').val()=="") {
            msg = msg + '請填上代理名字<br>';
        }

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

        $.post("/setting_agent_add",{
            account:$('#account').val(),
            icode:$('#icode').val(),
            name:$('#name').val(),
            agentline:$('#agentline').find('option:selected').val(),
            memo:$('#memo').val(),
        },
        function(data,status){
            if (data.code=="Ok"){
                $.confirm({
                    title: '成功!',
                    content: '新增完成!',
                    buttons: {
                        confirm: {
                            text: '確定',
                            action: function () {
                                location.href = '/setting_agent';
                            }
                        }
                    }
                });
            }else{
                $.alert({
                    title: '注意!',
                    content: result.message,
                });
            }
        });
    }

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