@extends('setting.layouts.layout')
@section('title',trans('customer_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;
        }

        $(document).ready(function() {
            $('button[data-action]').on('click', function() {
                doAction($(this).attr('data-action'));
            });
            //wrenlin
            $('select').select2();
        })
    </script>
@endsection
@section('buttons')
@endsection
@section('content')
    <div class='block-r'>
        <div class='centBoxs'>
            <div class='boxsFull'>
                <p class="t-blue-20 p-d-30">{{ trans('customer_setting.update_customer') }}</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 -> customer_code.'##'.$data -> customer_account }}">
                <input type="hidden" name="customer_code" id="customer_code" value="{{ $data -> customer_code }}">
                <input type="hidden" name="old_customer_account" id="old_customer_account" value="{{ $data -> customer_account }}">
                <input type="hidden" name="organization_code" id="organization_code" value="{{ $organizationCode }}">
                <div class='boxsFull'>
                    <div class='boxsFull m-d-25'>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('customer_setting.customer_code') }}</p>
                            <label>
                                <input class='input-f' type="text" name="customer_code" value="{{ old('customer_code', $data -> customer_code) }}" placeholder="{{ trans('customer_setting.customer_code') }}" maxlength="100" disabled style="background-color:#B5B5B5;" required>
                            </label>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('customer_setting.customer_name') }}</p>
                            <label>
                                <input class='input-f' type="text" name="customer_name" value="{{ old('customer_name', $data -> customer_name) }}" placeholder="{{ trans('customer_setting.customer_name') }}" maxlength="200" required>
                            </label>
                        </div>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('customer_setting.customer_country') }}</p>
                            <div class="select-style">
                                <select class="form-control" name="customer_country" required>
                                    <option value="null">{{ trans('common.unselected') }}</option>
                                    @foreach($countryList as $list)
                                        <option value="{{ $list -> country_id }}" @if($data -> customer_country == $list -> country_id) selected @endif>{{ $list -> country_english_name }} {{ $list -> country_chinese_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('customer_setting.customer_account') }}</p>
                            <div class="select-style">
                                <select class="form-control" name="customer_account" required>
                                    <option value="null">{{ trans('common.unselected') }}</option>
                                    @foreach($accountList as $list)
                                        <option value="{{ $list -> login_account }}" @if($data -> customer_account == $list -> login_account) selected @endif>{{ $list -> account_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'></p>
                        <label>
                            <input type="checkbox" name="customer_red" value="1" @if($data->customer_red == 1) checked @endif class="checkbox" >
                            <span class="btn-box">
                                <span class="btn">
                                </span>
                            </span>
                            <span class="t-b-13-nw m-l-10">紅標</span>
                        </label>
                        </div>
                    </div>
                    <div class='boxsFull m-td-25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('customer_setting.customer_remark') }}</p>
                        <textarea class='input-f' name="customer_remark" rows="6" cols="40" placeholder="{{ trans('customer_setting.customer_remark') }}" maxlength="10000">{{ old('customer_remark', $data -> customer_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>
            </form>
        </div>
    </div>
@endsection