@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="zone" 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="zone" name="zone" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="agent" 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="agent" name="agent" 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>
                    </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 ($('#zone').val()=="") {
            msg = msg + '請填上區域<br>';
        }
        if ($('#agent').val()=="") {
            msg = msg + '請填上代理線名稱<br>';
        }
        if ($('#name').val()=="") {
            msg = msg + '請填上姓名<br>';
        }

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

        $.post("/setting_agentline_add",{
            zone:$('#zone').val(),
            agent:$('#agent').val(),
            name:$('#name').val(),
        },
        function(data,status){
            if (data.code=="Ok"){
                $.confirm({
                    title: '成功!',
                    content: '新增完成!',
                    buttons: {
                        confirm: {
                            text: '確定',
                            action: function () {
                                location.href = '/setting_agentline';
                            }
                        }
                    }
                });
            }else{
                $.alert({
                    title: '注意!',
                    content: result.message,
                });
            }
        });
    }

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