@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="power" 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="power" id="power">
                                            <option value="OWNER" selected>OWNER</option>
                                            <option value="STAFF">STAFF</option>
                                            <option value="MANAGER">MANAGER</option>
                                            <option value="ACCOUNTANT">ACCOUNTANT</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="jop" 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="jop" name="jop" value="">
                                    </div>
                                </div>
                                <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="email" 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="email" name="email" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="password" 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="password" name="password" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="gsm" class="col-sm-3 col-form-label">連絡電話</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="gsm" name="gsm" value="">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="icode" class="col-sm-3 col-form-label">身份證號碼</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="bank" class="col-sm-3 col-form-label">銀行</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="bank" name="bank" value="-">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="injop" class="col-sm-3 col-form-label">加入日期</label>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" id="injop" name="injop" value="" onfocus="this.showPicker()">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="outjop" class="col-sm-3 col-form-label">辭職日期</label>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" id="outjop" name="outjop" value="" onfocus="this.showPicker()">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="birthday" class="col-sm-3 col-form-label">出生日期</label>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" id="birthday" name="birthday" value="" onfocus="this.showPicker()">
                                    </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 ($('#jop').val()=="") {
            msg = msg + '請填上職位<br>';
        }
        if ($('#account').val()=="") {
            msg = msg + '請填上使用者名稱<br>';
        }
        if ($('#email').val()=="") {
            msg = msg + '請填上電子郵件<br>';
        }
        if ($('#password').val()=="") {
            msg = msg + '請填上密碼<br>';
        }

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

        $.post("/setting_user_add",{
            agentline:$('#agentline').find('option:selected').val(),
            power:$('#power').find('option:selected').val(),
            jop:$('#jop').val(),
            account:$('#account').val(),
            email:$('#email').val(),
            password:$('#password').val(),
            gsm:$('#gsm').val(),
            icode:$('#icode').val(),
            bank:$('#bank').val(),
            injop:$('#injop').val(),
            outjop:$('#outjop').val(),
            birthday:$('#birthday').val()
        },
        function(data,status){
            if (data.code=="Ok"){
                $.confirm({
                    title: '成功!',
                    content: '新增完成!',
                    buttons: {
                        confirm: {
                            text: '確定',
                            action: function () {
                                location.href = '/setting_user';
                            }
                        }
                    }
                });
            }else{
                $.alert({
                    title: '注意!',
                    content: result.message,
                });
            }
        });
    }

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