@foreach($scripts as $script)
    <script type="text/javascript" src="{{ $script }}"></script>
@endforeach

<div class="moduleSettingsWrapper">
    <h3>
        <img src="{{ $imgPath }}/genealogy.svg">{{ _mt($moduleId,'GenealogyTree.genealogy_tree') }}
    </h3>
    <form action="{{route('admin.module.configure',$moduleId)}}" method="post" class="form-horizontal adminConfig"
          id="adminConfig">
        <input type="hidden" value="{{ $moduleId }}" name="module_id">

        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.tree_avatar_type') }}</div>
            <div class="col-md-8">
                <select class="select2" name="module_data[tree_avatar_type]">
                    @foreach($treeAvatarOptions as $option)
                        <option @if($option == $config->get('tree_avatar_type')) selected
                                @endif  value="{{ $option }}">{{ ucwords(str_replace('_', ' ', $option)) }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.view_type') }}</div>
            <div class="col-md-8">
                <div class="twoWaySwitch">
                    <label>{{  _mt($moduleId,'GenealogyTree.scrollbar') }}</label>
                    <input type="checkbox" class="hybridSwitch"
                           {{ $config->get('view_type') ? 'checked' : '' }} name="module_data[view_type]">
                    <label>{{  _mt($moduleId,'GenealogyTree.zoom_in') }}</label>
                </div>
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.tree_dragging') }}</div>
            <div class="col-md-8">
                <input type="checkbox" class="hybridSwitch"
                       {{ $config->get('tree_dragging') ? 'checked' : '' }} name="module_data[tree_dragging]">
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.tree_animation') }}</div>
            <div class="col-md-8">
                <input type="checkbox" class="hybridSwitch"
                       {{ $config->get('tree_animation') ? 'checked' : '' }} name="module_data[tree_animation]">
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.tree_registration') }}</div>
            <div class="col-md-8">
                <input type="checkbox" class="hybridSwitch"
                       {{ $config->get('tree_registration') ? 'checked' : '' }} name="module_data[tree_registration]">
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'GenealogyTree.view_tooltip') }}</div>
            <div class="col-md-8">
                <input type="checkbox" class="hybridSwitch view_tooltip"
                       {{ $config->get('view_tooltip') ? 'checked' : '' }} name="module_data[view_tooltip]">
            </div>
        </div>
        <div class="formField row tooltip_info_div"
             @if(!$config->get('view_tooltip')) style="display: none" @endif>
            <div class="col-md-3">{{ _mt($moduleId,'GenealogyTree.tooltip_info') }}</div>
            <div class="col-md-3">
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('member_id', $config->get('tooltip_info'))) checked
                           @endif value="member_id"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.member_id') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('fullname', $config->get('tooltip_info',[]))) checked
                           @endif value="fullname"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.fullname') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('firstname', $config->get('tooltip_info',[]))) checked
                           @endif value="firstname"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.firstname') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('lastname', $config->get('tooltip_info',[]))) checked
                           @endif value="lastname"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.lastname') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('email', $config->get('tooltip_info',[]))) checked
                           @endif value="email"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.email') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('phone', $config->get('tooltip_info',[]))) checked
                           @endif value="phone"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.phone') }}</label>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('joining_date', $config->get('tooltip_info',[]))) checked
                           @endif value="joining_date"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.joining_date') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('parent_user', $config->get('tooltip_info',[]))) checked
                           @endif value="parent_user"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.parent_user') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('sponsor_user', $config->get('tooltip_info',[]))) checked
                           @endif value="sponsor_user"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.sponsor_user') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('package', $config->get('tooltip_info',[]))) checked
                           @endif value="package"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.package') }}</label>
                    </div>
                </div>
                <div class="pretty p-default">
                    <input type="checkbox" @if(in_array('country', $config->get('tooltip_info',[]))) checked
                           @endif value="country"
                           name="module_data[tooltip_info][]">
                    <div class="state">
                        <label>{{ _mt($moduleId,'GenealogyTree.country') }}</label>
                    </div>
                </div>
            </div>
            {!! defineFilter('toolTip', '', 'genealogyToolTipConfig') !!}
        </div>
        <div class="errorWrapper" style="display: none"></div>
    </form>
</div>

<script type="text/javascript">
    "use strict";
    //Document ready functions
    $('.hybridSwitch').prettySwitch();

    $('.view_tooltip').closest('.hybridMLMPrettySwitch').click(function () {

        if ($(this).hasClass('active')) {
            $(".tooltip_info_div").show();
        } else {
            $(".tooltip_info_div").hide();
        }
    });

    $('.select2').select2({
        width: '70%'
    });
</script>