@extends(decide_template())

@section('title', $title)

@section('page_styles')
<link href="{{ asset('css/custom-fields-create.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<style>
    .error{
        color: #FF0000;
    }
    .edit.readonly .select2-container {
        pointer-events: none;
    }
</style>
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/select2.full.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.form.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.validate.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/additional-methods.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/init.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/form-controls.js') }}" type="text/javascript"></script>
<script>
   var form_error="{{trans('common.message.form_error')}}";
   var forbidden_error="{{trans('profile_fields.form.alert.forbidden_error')}}";

    var list_count_id = 0;
    var lists_ids = [];

    $(document).ready(function() {

        $("#sync_fields").click(function() {
            if($(this).prop("checked") == true){
                $(".check-custom-message").slideDown();
            }
            else if($(this).prop("checked") == false){
                $(".check-custom-message").slideUp();
            }
        }); 

        $('.m-select2').select2({
            placeholder: "Select option",
            templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });
        setInterval(function () {
            if (list_count_id == 1) {
                getSegmentCountStatus('get_status',lists_ids);
            }
        }, 5000);
        $("#counting").click(function() {
            $.each($("input[name='lists[]']"), function(){            
                lists_ids.push($(this).val());
            });
            if(list_count_id>0){
                $(".countsload").show();
                $(".counts").hide();
                $("a.button-next").attr("disabled", "disabled");
                $("#counting").attr('disabled',true);
                getSegmentCountStatus('count_status',lists_ids);
            }
        });
    });
</script><script>
    var storeUrl = "{{route('profileFields.store')}}";
    var updateUrl = "{{url('profile/field')}}/";
    var createUrl = "{{route('profileFields.create')}}";
    var indexUrl = "{{route('profileFields.index')}}";
    var editUrl = "{{route('profileFields.edit','|id|')}}/";
    var alphaError = "{{trans('profile_fields.form.label.name_alphabetic_error')}}";
    var mixError = "{{trans('profile_fields.form.label.name_space_error')}}";
</script>
<script src="{{ asset('themes/default/js/custom_field.js') }}?v={{time()}}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/common.js') }}" type="text/javascript"></script>
@endsection

@section(decide_content())

@if($errors->any())
    <!-- For PHP validations errors-->
    <div class="alert alert-danger" data-name="bJbCtNdC">
        @foreach($errors->all() as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
@endif
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="MFEASMeX">
    {{ Session::get('msg') }}
</div>
@endif
<!-- will be used to show any messages -->
<div id="msg" class="display-hide" data-name="wUlmFIlg">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
<div class="col-md-6 create-form" data-name="EoUCWIdE">
    <!-- BEGIN FORM-->
    <form action="" method="POST" id="custom-field-frm" autocomplete="off" class="kt-form kt-form--label-right">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        @if($action == 'add')
            <input type="hidden" id="action" value="add">
        @else
            <input type="hidden" id="action" value="edit">
            <input name="_method" type="hidden" value="PUT">
            <input type="hidden" id="custom-field-id" value="{{$field->id}}">
        @endif
        <div class="row" data-name="YkrXSidZ">
            <div class="kt-portlet kt-portlet--height-fluid" data-name="hgjVRQYJ">
                <div class="kt-portlet__head" data-name="vtaoGJDL">
                    <div class="kt-portlet__head-label" data-name="YlFWsCgb">
                        <h3 class="kt-portlet__head-title">{{trans('profile_fields.form_heading')}}</h3>
                    </div>
                </div>
                <div class="kt-portlet__body" data-name="KeStsiMD">
                    <div class="form-body" data-name="NsOreXMD">
                        <div class="form-group row" data-name="QBDtKkOb">
                                
                            <div class="col-md-6" data-name="UJhsnPHj">
                                <label class="col-form-label">{{trans('profile_fields.form.label.name')}}
                                    <span class="required"> * </span>
                                    <i class="fa fa-question-circle popovers" data-html="true" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('profile_fields.form.label.name_description')}}" data-original-title="{{trans('common.description')}}"></i>
                                </label>
                                <div class="input-icon right" data-name="CunTCPpi">
                                    <input type="text" id="nameDB" name="name" class="form-control" value="{{isset($field->name) ? $field->name : '' }}" {{ isset($field->is_default) && $field->is_default == 1 ? 'readonly' : '' }} {{ $action != 'add' ? 'readonly' : '' }} /> 
                                    <span id="nameDBError" class="error" style="display: none;">{{trans('profile_fields.form.label.name_error_message')}}</span>
                                </div>
                            </div>
                            <div class="col-md-6" data-name="ibVmdPco">
                                <label class="col-form-label">{{trans('profile_fields.form.label.field_order')}}
                                    <i class="fa fa-question-circle popovers" data-html="true" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('profile_fields.form.label.field_order_help')}}" data-original-title="{{trans('common.description')}}"></i>
                                </label>
                                <div class="input-icon right" data-name="RXBIGNaJ">
                                    <input type="number" name="field_order" class="form-control" value="{{isset($field->field_order) ? $field->field_order : '' }}" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group row" data-name="FFWqMpOG">
                                
                            <div class="col-md-6 edit {{ $action != 'add' ? 'readonly' : '' }}" data-name="ipPWVWEP">
                                <label class="col-form-label">{{trans('profile_fields.form.label.field_type')}}
                                    <i class="fa fa-question-circle popovers" data-html="true" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('profile_fields.form.label.field_type_help')}}" data-original-title="{{trans('common.description')}}"></i>

                                </label>
                                <select class="form-control m-select2 {{ $action != 'add' ? 'readonly' : '' }}" name="type" id="type-id">
                                    @foreach($fields_type as $key => $value)
                                        <option value="{{ $key }}" {{(isset($field->type)  && $field->type == $key) ? 'selected' : '' }} >{{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6" data-name="NoPqNVWY">
                                <label class="col-form-label" >{{trans('profile_fields.form.label.required')}}
                                    <i class="fa fa-question-circle popovers" data-html="true" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('profile_fields.form.label.required_help')}}" data-original-title="{{trans('common.description')}}"></i>

                                </label>
                                <select class="form-control" name="is_required">
                                    <option value="0" {{(isset($field->is_required)  && $field->is_required == 0) ? 'selected' : '' }}>
                                        {{trans('common.form.button.no')}}
                                    </option>
                                    <option value="1" {{(isset($field->is_required)  && $field->is_required == 1) ? 'selected' : '' }}>
                                        {{trans('common.form.button.yes')}}
                                    </option>
                                </select>
                            </div>
                        </div>
<!--                        -->
                        <div class="form-group row" data-name="BJoYyLHV">
                            <label class="col-form-label pl12">
                                {{trans('Status')}}
                                <i class="fa fa-question-circle popovers" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('bounce_address.form.label.process_bounce_description')}}" data-original-title="{{trans('common.description')}}"></i>
                            </label>
                            <div class="col-md-2" id="pops" data-name="gTclcHpR">

                                <div class="input-icon dis-dang" data-name="DRupCHlr">

                                    <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
										<label  >
											<input id="status" type="checkbox" autocomplete="off"  name="status" @if(isset($field) && $field->status==1) checked="" @endif>
											<span></span>
										</label>
									</span>
                                </div>
                            </div>
                        </div>
<!--                -->
                        <div class="form-group row" id="list-of-values" data-name="nqKfmjer">
                            <div class="col-md-12" data-name="bHtWgpWY">
                                <label class="col-form-label">{{trans('profile_fields.form.label.list_of_values')}}
                                    <i class="fa fa-question-circle popovers" data-html="true" data-toggle="kt-popover" data-container="body" data-trigger="hover" data-placement="right" data-content="{{trans('profile_fields.form.label.list_of_values_help')}}" data-original-title="{{trans('common.description')}}"></i>

                                </label>
                                <div class="input-icon right" data-name="ADFUimeZ">
                                    <textarea name="options" class="form-control" rows="5">{{isset($field->options) ? $field->options : '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kt-portlet__foot" data-name="WDctplmR">
                    <div class="row" data-name="FpWdVFbD">
                        <div class="col-md-12" data-name="WVtqGXZV">
                            @if($action == 'add')
                            <button type="submit" name="save_add" class="btn btn-success" value="save">{{trans('common.form.button.save')}}</button>
                            <button type="submit" name="save_add" class="btn btn-success" value="save_add">{{trans('common.form.button.save_add')}}</button>
                            @else
                            <button type="submit" name="edit" class="btn btn-success" value="edit">{{trans('common.form.button.save')}}</button>
                            @endif
                            <a href="{{ route('fields.index') }}"><button type="button" class="btn btn-default">{{trans('common.form.button.cancel')}}</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!-- END FORM-->
</div>
@endsection