@extends('setting.layouts.layout')
@section('title',trans('company_user_setting.title'))
@section('script_css')
@endsection
@section('script_buttom')
    <!-- Parsley js for validator-->
    <script src="/assets/plugins/parsleyjs/parsley.min.js"></script>
    <script src="/assets/pages/form-validation.init.js"></script>
    <!-- Custom javascript -->
    <script language="javascript">
        var url = "{{ $URL }}";

        function doAction(type)
        {
            switch(type)
            {
                case "update":
                    $("#dataForm").attr("action", url + "/updateAction");
                    $("#dataForm").submit();
                    break;
                case "cancel":
                    window.location = url;
                    return;
                default:
                    alert("{{ trans('common.parameter_error') }}");
                    return;
            }

            return;
        }
        
        function deleteProduct(product_id){
            $.ajax({
               type: "POST",
               url:  url+"/ajaxDeletePorduct",
               data: { "_token": "{{ csrf_token() }}",company_user_id: {{$data->company_user_id }}, product_id:product_id },
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                        window.location.reload();
                   }else{
                       console.log("deleteProduct error ");
                       console.log(data);
                   }
               }
            });            
        }

        $(document).ready(function() {
            $('button[data-action]').on('click', function() {
                doAction($(this).attr('data-action'));
            });
            //wrenlin
            $('select').select2();
            
           
        })
    </script>
@endsection
@section('buttons')
@endsection
@section('content')
    @inject('CommonPresenter','App\Presenter\CommonPresenter')
    <div class='block-r'>
        <div class='centBoxs'>
            <div class='boxsFull'>
                <p class="t-blue-20 p-d-30">{{ trans('company_user_setting.update_company_user') }}</p>
            </div>

            <form name="dataForm" id="dataForm" method="post" enctype="multipart/form-data">
                @include('components.validationErrorMessage')
                {!! csrf_field() !!}
                <input type="hidden" name="key" id="key" value="{{ $data -> company_user_id }}">
                <div class='boxsFull'>
                    <div class='boxsFull m-d-25'>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('company_user_setting.company_name') }}</p>
                            <div class="select-style">
                            @if($select_company_stop)
                            <div style="color:red">所選廠商已停用</div>
                            @endif
                                <select class="form-control" name="company_id" required>
                                    <option value="null">{{ trans('common.unselected') }}</option>
                                    @foreach($companyList as $list)
                                        <option value="{{ $list -> company_id }}" valid="{{$list->valid}}"   @if($data -> company_id == $list -> company_id) selected @endif>{{ $list -> company_abbreviation_name }} @if($list->valid==0)(!!!停用!!!)@endif</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('company_user_setting.company_user') }}</p>
                            <label>
                                <input class='input-f' type="text" name="company_user" value="{{ old('company_user', $data -> company_user) }}" placeholder="{{ trans('company_user_setting.company_user') }}" maxlength="100" required>
                            </label>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>狀態</p>
                            <div class="select-style">
                                <select class="form-control" name="valid" required>
                                    <option value="1">啟用</option>
                                    <option value="0" @if($data -> valid == 0) selected @endif>停用</option>
                                </select>
                            </div>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>聯絡人類別</p>
                            <div class="select-style">
                                <select class="form-control" name="quotation_type" required>
                                    @foreach($quotationTypeList as $ql)
                                        <option value="{{ $ql -> system_code_key }}" selected >{{ $ql -> system_code_value }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <div id='contacts' class='rows'>
                        </div>
                    </div>
                    <script language="javascript" type="text/javascript">
                        $(document).ready(function()
                        {
                                                        let setBackAry = [];
                            
                            let tmp;
                            for(var i = 0;i<setBackAry.length;i++)
                            {
                                tmp = (i == 0)? $('#contacts button.icon-add_circle').last()[0] : window.addContact({currentTarget:tmp}); //透過程式碼產生一組新的email 與memo 欄位
                                $(tmp).closest('.row').find('input[name*="mail"]').val(setBackAry[i].mail);
                                $(tmp).closest('.row').find('input[name*="memo"]').val(setBackAry[i].memo);
                            }
                        });
                    </script>
                    <div class='boxsFull m-td-25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('company_user_setting.company_user_remark') }}</p>
                        <textarea class='input-f' name="company_user_remark" rows="6" cols="40" placeholder="{{ trans('company_user_setting.company_user_remark') }}" maxlength="10000">{{ old('company_user_remark', $data -> company_user_remark) }}</textarea>
                    </div>
                </div>

                <div class='boxsFull m-td-25'>
                    <button class='btn-half-blue order-r' data-action="update">{{ trans('common.update') }}</button>
                </div>


                <div id="mapping_product">
                   
                    <div id="mapping_product">
                      <table>
                        <thead>
                          <th>類別</th>
                          <th>產品名稱</th>
                          <th></th>
                        </thead>
                        <tbody>
                          @foreach($prodList as $prod)
                          <tr>
                            <td>{{$prod->qtype}}</td>
                            <td>{{$prod->product_chinese_name}}</td>
                            <td><button type="button" class='btn-half-red order-r' onClick="deleteProduct({{$prod->product_id}})">移除勾稽</button></td>
                          </tr>
                          @endforeach
                           
                        </tbody>
                      </table>

                        </div>
                </div>

            </form>
        </div>
    </div>
@endsection