@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">
<link href="{{ asset('themes/default/css/jquery.nestable.css') }}" rel="stylesheet" type="text/css" />
<style>
    .error{
        color: #FF0000;
    }
    .edit.readonly .select2-container {
        pointer-events: none;
    }
    .form-group.row .kt-switch.mt0 {
        margin-top: 0 !important;
    }
    .dd3-content {
        margin: 7px 0;
        background: #f9f9f9;
    }
    .dd3-content {
        height: 34px;
    }
    .dd-handle {
        height: 34px;
    }

    .dd3-handle {
        width: 34px;
        background: #eee;
    }
    .dd-handle, .dd3-content {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .dd3-handle:before {
        content: '=';
        top: 6px;
        color: #999;
    }
    .dd3-content .kt-checkbox-list {
        padding-left: 9px;
        margin-top: 1px;
    }
    .dd3-content .kt-checkbox-list, .dd3-content .mt-radio-list {
        padding: 0;
    }
    .kt-checkbox-list .kt-checkbox:last-child {
        margin-bottom: 0;
        margin-top: 1px;
    }
    .dd3-content label {
        margin: 0 !important;
        padding: 0 !important;
        margin-left: 5px !important;
    }
</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 src="{{ asset('themes/default/js/lib.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.input.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.nestable.js') }}" type="text/javascript"></script>
<script>
   var form_error="{{trans('common.message.form_error')}}";
   var forbidden_error="{{trans('custom_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);
            }
        });
    });

    // $(document).ready(function () {
    //     function updateOutput(e) {
    //         var list = e.length ? e : $(e.target), output = list.data('output');
    //         if (window.JSON) {output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
    //         } else {
    //             output.val('JSON browser support required for this demo.');
    //         }
    //         //console.log(list.nestable('serialize'));

    //         console.log(window.JSON.stringify(list.nestable('serialize')));
    //         $.ajax({
    //             url: "{{ route('fields.sort_group','') }}/",
    //             type: "Get",
    //             data: {'field_order': window.JSON.stringify(list.nestable('serialize')) },
    //             success: function (result) {
    //                 console.log(result);
    //                 if(result.status=='success'){
    //                     Command: toastr["success"]("{{trans('Sorted order successfully')}}");
    //                 }
    //                 else {
    //                     Command: toastr["error"](result.message);
    //                 }
    //             }
    //         });
    //     };
    // $('#custom_groups').nestable({
    //         group: 1,
    //         maxDepth: 7,
    //     }).on('change', updateOutput);
    //     updateOutput($('#custom_groups').data('output', $('#custom_groups-output')));
       
       
    // });

    $(document).ready(function() {
        var updateOutput = function(e) {
            var list   = e.length ? e : $(e.target),
                output = list.data('output');
            if (window.JSON) {
                // output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
                $.ajax({
                    url: "{{ url('field/sort_groups') }}",
                    type: "Get",
                    data: {'field_order': window.JSON.stringify(list.nestable('serialize')) },
                    success: function (result) {
                        console.log(result);
                        if(result.status=='success'){
                            Command: toastr["success"]("{{trans('Sorted order successfully')}}");
                        }
                        else {
                            Command: toastr["error"](result.message);
                        }
                    }
                });
            } else {
                output.val('JSON browser support required for this application.');
            }
        };
        // activate Nestable for list 1
        $('#custom_groups').nestable({
            group: 1
        }).on('change', updateOutput);

        //updateOutput($('#custom_groups').data('output', $('#nestable-output')));

    });
   
</script>
<script>
    var storeUrl = "{{route('fields.store')}}";
    var updateUrl = "{{url('field')}}/";
    var createUrl = "{{route('fields.create')}}";
    var indexUrl = "{{route('fields.index')}}";
    var editUrl = "{{route('fields.edit','|id|')}}/";
    var alphaError = "{{trans('custom_fields.form.label.name_alphabetic_error')}}";
    var mixError = "{{trans('custom_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="row" data-name="GBoqGCEC">

<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="{{$custom_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('custom_fields.form_heading')}}</h3>
                    </div>
                </div>
                <div class="kt-portlet__body" data-name="KeStsiMD">
                    <div class="form-body" data-name="NsOreXMD">
                    <br />
<font size='1'><table class='xdebug-error xe-uncaught-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught Error: Call to undefined function getAuthUser() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/custom-field/create.blade.php on line <i>246</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Error: Call to undefined function getAuthUser() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/custom-field/create.blade.php on line <i>246</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0011</td><td bgcolor='#eeeeec' align='right'>463192</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/custom-field/create.blade.php' bgcolor='#eeeeec'>.../create.blade.php<b>:</b>0</td></tr>
</table></font>