@extends('main')
@section('title', '首頁')
@section('main_content')
            <!-- Recent Sales Start -->
            <form action="" method="post">
            <input type="hidden" id="id" value="{{ $data->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-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"
                                                @if ($data->agentline==0)
                                                    selected
                                                @endif
                                            >全部</option>
                                            @foreach ($agentlines as $agentline )
                                                <option value="{{ $agentline->id}}"
                                                @if ($data->agentline==$agentline->id)
                                                    selected
                                                @endif
                                            >{{ $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"
                                                @if ($data->power=='OWNER')
                                                    selected
                                                @endif
                                            >OWNER</option>
                                            <option value="STAFF"
                                            @if ($data->power=='STAFF')
                                                selected
                                            @endif
                                            >STAFF</option>
                                            <option value="MANAGER"
                                            @if ($data->power=='MANAGER')
                                                selected
                                            @endif
                                            >MANAGER</option>
                                            <option value="ACCOUNTANT"
                                            @if ($data->power=='ACCOUNTANT')
                                                selected
                                            @endif
                                            >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="{{ $data->jop}}">
                                    </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="{{ $data->account}}" readonly>
                                    </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="{{ $data->email}}">
                                    </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=""><span style="color: #F00">若不更改請留空白</span>
                                    </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="{{ $data->gsm}}">
                                    </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="{{ $data->icode}}">
                                    </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="{{ $data->bank}}">
                                    </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="{{ $data->injop}}" 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="{{ $data->outjop}}" 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="{{ $data->birthday}}" 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 (msg!="") {
            $.alert({
                title: '注意!',
                content: msg,
            });
            return;
        }

        $.ajax({
            url: '/setting_user_edit',
            type: 'PUT',
            data: {
                'id': $('#id').val(),
                agentline:$('#agentline').find('option:selected').val(),
                power:$('#power').find('option:selected').val(),
                jop:$('#jop').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(),
                '_token': "{{ csrf_token() }}",
            },
            success: function(result) {
                if (result.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