<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<?php init_head(); ?>
<?php if (isset($form)) {
    echo form_hidden('form_id', $form->id);
} ?>
<div id="wrapper">
    <div class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel_s">
                    <div class="panel-body">
                        <?php if (isset($form)) { ?>
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#tab_form_build" aria-controls="tab_form_build" role="tab"
                                       data-toggle="tab">
                                        <?php echo _l('form_builder'); ?>
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#tab_form_information" aria-controls="tab_form_information" role="tab"
                                       data-toggle="tab">
                                        <?php echo _l('form_information'); ?>
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#tab_form_integration" aria-controls="tab_form_integration" role="tab"
                                       data-toggle="tab">
                                        <?php echo _l('form_integration_code'); ?>
                                    </a>
                                </li>
                            </ul>
                        <?php } ?>
                        <div class="tab-content">
                            <?php if (isset($form)) { ?>
                                <div role="tabpanel" class="tab-pane active" id="tab_form_build">
                                    <div id="build-wrap"></div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="tab_form_integration">
                                    <p><?php echo _l('form_integration_code_help'); ?></p>
                                    <textarea class="form-control" rows="2"><iframe width="600" height="850" src="<?php echo site_url('forms/quote/' . $form->form_key); ?>" frameborder="0" allowfullscreen></iframe></textarea>
                                    <h4 class="mtop15 font-medium bold">Share direct link</h4>
                                    <p>
                                        <span class="label label-default">
                                            <a href="<?php echo site_url('forms/quote/' . $form->form_key).'?styled=1'; ?>" target="_blank">
                                                <?php echo site_url('forms/quote/' . $form->form_key).'?styled=1'; ?>
                                            </a>
                                        </span>
                                        <br />
                                        <br />
                                        <span class="label label-default">
                                            <a href="<?php echo site_url('forms/quote/' . $form->form_key).'?styled=1&with_logo=1'; ?>" target="_blank">
                                                <?php echo site_url('forms/quote/' . $form->form_key).'?styled=1&with_logo=1'; ?>
                                            </a>
                                        </span>
                                    </p>
                                    <hr/>
                                    <p class="bold mtop15">When placing the iframe snippet code consider the
                                        following:</p>
                                    <p class="<?php if (strpos(site_url(), 'http://') !== false) {
                                        echo 'bold text-success';
                                    } ?>">1. If the protocol of your installation is http use a http page inside the
                                        iframe.</p>
                                    <p class="<?php if (strpos(site_url(), 'https://') !== false) {
                                        echo 'bold text-success';
                                    } ?>">2. If the protocol of your installation is https use a https page inside the
                                        iframe.</p>
                                    <p>None SSL installation will need to place the link in non ssl eq. landing page and
                                        backwards.</p>
                                </div>
                            <?php } ?>
                            <div role="tabpanel" class="tab-pane<?php if (!isset($form)) {
                                echo ' active';
                            } ?>" id="tab_form_information">
                                <?php if (!isset($form)) { ?>
                                    <h4 class="font-medium-xs bold no-mtop"><?php echo _l('form_builder_create_form_first'); ?></h4>
                                    <hr/>
                                <?php } ?>
                                <?php echo form_open($this->uri->uri_string(), array('id' => 'form_info')); ?>
                                <div class="row">
                                    <div class="col-md-6">
                                        <?php $value = (isset($form) ? $form->name : ''); ?>
                                        <?php echo render_input('name', 'form_name', $value); ?>
                                        <?php
                                        if (get_option('recaptcha_secret_key') != '' && get_option('recaptcha_site_key') != '') { ?>
                                            <div class="form-group">
                                                <label for=""><?php echo _l('form_recaptcha'); ?></label><br/>
                                                <div class="radio radio-inline radio-danger">
                                                    <input type="radio" name="recaptcha" id="racaptcha_0"
                                                           value="0" <?php if (isset($form) && $form->recaptcha == 0 || !isset($form)) {
                                                        echo ' checked';
                                                    } ?>>
                                                    <label for="recaptcha_0"><?php echo _l('settings_no'); ?></label>
                                                </div>
                                                <div class="radio radio-inline radio-success">
                                                    <input type="radio" name="recaptcha" id="recaptcha_1"
                                                           value="1" <?php if (isset($form) && $form->recaptcha == 1) {
                                                        echo ' checked';
                                                    } ?>>
                                                    <label for="recaptcha_1"><?php echo _l('settings_yes'); ?></label>
                                                </div>
                                            </div>
                                        <?php } ?>
                                        <div class="form-group select-placeholder">
                                            <label for="language" class="control-label"><i class="fa fa-question-circle"
                                                                                           data-toggle="tooltip"
                                                                                           data-title="<?php echo _l('form_lang_validation_help'); ?>"></i> <?php echo _l('form_lang_validation'); ?>
                                            </label>
                                            <select name="language" id="language" class="form-control selectpicker"
                                                    data-none-selected-text="<?php echo _l('dropdown_non_selected_tex'); ?>">
                                                <option value=""></option>
                                                <?php foreach ($languages as $availableLanguage) {
                                                    ?>
                                                    <option value="<?php echo $availableLanguage; ?>" <?php if ((isset($form) && $form->language == $availableLanguage) || (!isset($form) && get_option('active_language') == $availableLanguage)) {
                                                        echo ' selected';
                                                    } ?>><?php echo ucfirst($availableLanguage); ?></option>
                                                <?php } ?>
                                            </select>
                                        </div>
                                        <?php $value = (isset($form) ? $form->submit_btn_name : 'Submit'); ?>
                                        <?php echo render_input('submit_btn_name', 'form_btn_submit_text', $value); ?>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <?php $value = (isset($form) ? $form->submit_btn_bg_color : '#84c529'); ?>
                                                <?php echo render_color_picker('submit_btn_bg_color',_l('submit_button_bg_color'), $value); ?>
                                            </div>
                                            <div class="col-md-6">
                                                <?php $value = (isset($form) ? $form->submit_btn_text_color : '#ffffff'); ?>
                                                <?php echo render_color_picker('submit_btn_text_color',_l('submit_button_text_color'), $value); ?>
                                            </div>
                                        </div>
                                        <?php $value = (isset($form) ? $form->success_submit_msg : ''); ?>
                                        <?php echo render_textarea('success_submit_msg', 'form_success_submit_msg', $value); ?>
                                    </div>
                                    <div class="col-md-6">
                                        <?php

                                        echo render_estimate_request_status_select($statuses, (isset($form) ? $form->status : ''), 'estimate_request_status', 'status', []);

                                        $selected = '';
                                        foreach ($members as $staff) {
                                            if (isset($form) && $form->responsible == $staff['staffid']) {
                                                $selected = $staff['staffid'];
                                            }
                                        }
                                        ?>
                                        <?php echo render_select('responsible', $members, array('staffid', array('firstname', 'lastname')), 'estimate_request_assignee', $selected); ?>
                                        <hr/>
                                        <label for=""
                                               class="control-label"><?php echo _l('notification_settings'); ?></label>
                                        <div class="clearfix"></div>
                                        <div class="checkbox checkbox-primary">
                                            <input type="checkbox" name="notify_request_submitted"
                                                   id="notify_request_submitted" <?php if (isset($form) && $form->notify_request_submitted == 1 || !isset($form)) {
                                                echo 'checked';
                                            } ?>>
                                            <label for="notify_request_submitted"><?php echo _l('estimate_request_notify_when_submitted'); ?></label>
                                        </div>
                                        <div class="select-notification-settings<?php if (isset($form) && $form->notify_request_submitted == '0') {
                                            echo ' hide';
                                        } ?>">
                                            <hr/>
                                            <div class="radio radio-primary radio-inline">
                                                <input type="radio" name="notify_type" value="specific_staff"
                                                       id="specific_staff" <?php if (isset($form) && $form->notify_type == 'specific_staff' || !isset($form)) {
                                                    echo 'checked';
                                                } ?>>
                                                <label for="specific_staff"><?php echo _l('specific_staff_members'); ?></label>
                                            </div>
                                            <div class="radio radio-primary radio-inline">
                                                <input type="radio" name="notify_type" id="roles"
                                                       value="roles" <?php if (isset($form) && $form->notify_type == 'roles') {
                                                    echo 'checked';
                                                } ?>>
                                                <label for="roles"><?php echo _l('staff_with_roles'); ?></label>
                                            </div>
                                            <div class="radio radio-primary radio-inline">
                                                <input type="radio" name="notify_type" id="assigned"
                                                       value="assigned" <?php if (isset($form) && $form->notify_type == 'assigned') {
                                                    echo 'checked';
                                                } ?>>
                                                <label for="assigned"><?php echo _l('notify_assigned_user'); ?></label>
                                            </div>
                                            <div class="clearfix mtop15"></div>
                                            <div id="specific_staff_notify"
                                                 class="<?php if (isset($form) && $form->notify_type != 'specific_staff') {
                                                     echo 'hide';
                                                 } ?>">
                                                <?php
                                                $selected = array();
                                                if (isset($form) && $form->notify_type == 'specific_staff') {
                                                    $selected = unserialize($form->notify_ids);
                                                }
                                                ?>
                                                <?php echo render_select('notify_ids_staff[]', $members, array('staffid', array('firstname', 'lastname')), 'estimate_request_notify_staff', $selected, array('multiple' => true)); ?>
                                            </div>
                                            <div id="role_notify"
                                                 class="<?php if (isset($form) && $form->notify_type != 'roles' || !isset($form)) {
                                                     echo 'hide';
                                                 } ?>">
                                                <?php
                                                $selected = array();
                                                if (isset($form) && $form->notify_type == 'roles') {
                                                    $selected = unserialize($form->notify_ids);
                                                }
                                                ?>
                                                <?php echo render_select('notify_ids_roles[]', $roles, array('roleid', array('name')), 'estimate_request_notify_roles', $selected, array('multiple' => true)); ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="btn-bottom-toolbar text-right">
                                    <button type="submit" class="btn btn-info"><?php echo _l('submit'); ?></button>
                                </div>
                                <?php echo form_close(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-bottom-pusher"></div>
    </div>
</div>
<?php init_tail(); ?>
<script src="<?php echo base_url('assets/plugins/form-builder/form-builder.min.js'); ?>"></script>
<script>
    var buildWrap = document.getElementById('build-wrap');
    var formData = <?php echo json_encode($formData); ?>;
    var predefinedFields = <?php echo json_encode($predefinedFields); ?>;

    if (formData.length) {
        // If user paste with styling eq from some editor word and the Codeigniter XSS feature remove and apply xss=remove, may break the json.
        formData = formData.replace(/=\\/gm, "=''");
    }
</script>
<script>
    $(function () {

        var fbOptions = {
            dataType: 'json',
            stickyControls: {
                enable: false,
            },
            inputSets: [],
            disabledAttrs: ['other'],
            onAddOption: (optionTemplate, optionIndex) => {
                optionTemplate.label = `Option  ${optionIndex + 1}`
                optionTemplate.value = `option-${optionIndex + 1}`
                return optionTemplate
            }
        };

        $.each(predefinedFields, function (i, field) {
            fbOptions.inputSets.push(field);
        });

        if (formData && formData.length) {
            fbOptions.formData = formData;
        }

        fbOptions.typeUserEvents = {
            'text': {
                onadd: function (fId, a) {
                    var inputField = $(fId).find('.fld-name');
                    if (inputField.length && inputField.val() === 'email') {
                        do_form_field_restrictions(fId, 'input');
                    }
                },
            },
            'file': {
                onadd: function (fId) {
                    do_form_field_restrictions(fId, 'file');
                    // set file upload field name to be always file-input
                    $(fId).find('.name-wrap .input-wrap input').val('file-input')
                    // Used in delete
                    setTimeout(function () {
                        $(fId).find('.fb-file input[type="file"]').attr('name', 'file-input')
                    }, 500);
                },
            },
        }
        fbOptions.disabledActionButtons = [
            'data',
            'clear',
        ];

        fbOptions.disableFields = [
            'autocomplete',
            'button',
            'hidden',
            'number',
        ];

        fbOptions.controlOrder = [
            'header',
            'paragraph',
            'file',
            'email',
            'text',
            'textarea'
        ];
        fbOptions.controlPosition = 'left';

        $('body').on('blur', '.form-field:not([type="header"],[type="paragraph"],[type="checkbox-group"]) input[name="className"]',
            function () {
                var className = $(this).val();
                if (className.indexOf('form-control') == -1) {
                    className = className.trim();
                    className += ' form-control';
                    className = className.trim();
                    $(this).val(className);
                }
            });
        $('body').on('click', '.add-opt', function (e) {
            var that = $(this)
            setTimeout(function () {
                var $parent = that.parents('.field-options');
                var $options = $parent.find('.option-value');
                var totalOptions = $options.length;
                $parent.find('.option-value:last').val('option-' + (totalOptions + 1))
                $options.prop('disabled', true)
            }, 350)
        });

        $('body').on('focus', '.name-wrap input', function () {
            $(this).blur();
        });
        $('body').on('blur', '.form-field.editing', function () {
            $.Shortcuts.start();
        });

        $('body').on('focus', '.form-field.editing', function () {
            $.Shortcuts.stop();
        });

        var formBuilder = $(buildWrap).formBuilder(fbOptions);
        var $create_task_on_duplicate = $('#create_task_on_duplicate');

        $('body').on('click', '.add-opt', function(e) {
            var that = $(this)
            setTimeout(function(){
                var $parent = that.parents('.field-options');
                var $options = $parent.find('.option-value');
                var totalOptions = $options.length;
                $parent.find('.option-value:last').val('option-'+(totalOptions+1))
            }, 350)
        });

        $('body').on('blur', '.option-value', function(e) {
            if(!$(this).val()) {
                $(this).val($(this).prev().val())
            }
        })

        $('#allow_duplicate').on('change', function () {
            $('.duplicate-settings-wrapper').toggleClass('hide');
        });

        $('#notify_request_submitted').on('change', function () {
            $('.select-notification-settings').toggleClass('hide');
        });

        $('#track_duplicate_field,#track_duplicate_field_and').on('change', function () {
            var selector = ($(this).hasClass('track_duplicate_field') ? 'track_duplicate_field_and' : 'track_duplicate_field')
            $('#' + selector + ' option').removeAttr('disabled', true);
            var val = $(this).val();
            if (val !== '') {
                $('#' + selector + ' option[value="' + val + '"]').attr('disabled', true);
            }
            $('#' + selector + '').selectpicker('refresh');
        });

        setTimeout(function () {
            $(".form-builder-save").wrap("<div class='btn-bottom-toolbar text-right'></div>");
            $btnToolbar = $('body').find('#tab_form_build .btn-bottom-toolbar');
            $btnToolbar = $('#tab_form_build').append($btnToolbar);
            $btnToolbar.find('.btn').addClass('btn-info');
        }, 100);

        $('body').on('click', '.save-template', function () {
            $.post(admin_url + 'estimate_request/save_form_data', {
                formData: formBuilder.formData,
                id: $('input[name="form_id"]').val()
            }).done(function (response) {
                response = JSON.parse(response);
                if (response.success == true) {
                    alert_float('success', response.message);
                } else if (response.success == false && ('message' in response)) {
                    alert_float('danger', response.message);
                }
            });
        });
        $('body').on('click', '.del-button', function () {

            var _field = $(this).parents('li.form-field');

            var _preview_name;
            var s = $('.cb-wrap .ui-sortable');
            if (_field.find('.prev-holder input').length > 0) {
                _preview_name = _field.find('.prev-holder input').attr('name');
            } else if (_field.find('.prev-holder textarea').length > 0) {
                _preview_name = _field.find('.prev-holder textarea').attr('name');
            } else if (_field.find('.prev-holder select').length > 0) {
                _preview_name = _field.find('.prev-holder select').attr('name');
            }

            var pos = _preview_name.lastIndexOf('-');
            _preview_name = _preview_name.substr(0, pos);
            if (_preview_name != 'file-input') {
                $('li[data-type="' + _preview_name + '"]').removeClass('disabled')
            } else {
                setTimeout(function () {
                    s.find('li').eq(2).removeClass('disabled');
                }, 50);
            }
            setTimeout(function () {
                s.sortable({cancel: '.disabled'});
                s.sortable('refresh');
            }, 80);
        });
        appValidateForm('#form_info', {
            name: 'required',
            language: 'required',
            success_submit_msg: 'required',
            submit_btn_name: 'required',
            status: 'required',
            responsible: {
                required: {
                    depends: function (element) {
                        var isRequired = ($('input[name="notify_type"]:checked').val() == 'assigned') ? true : false;
                        if (isRequired) {
                            $('[for="responsible"]').find('.req').removeClass('hide');
                        } else {
                            $(element).next('p.text-danger').remove();
                            $('[for="responsible"]').find('.req').addClass('hide');
                        }
                        return isRequired;
                    }
                }
            }
        });

        var $notifyTypeInput = $('input[name="notify_type"]');
        $notifyTypeInput.on('change', function () {
            $('#form_info').validate().checkForm()
        });
        $notifyTypeInput.trigger('change');

        $create_task_on_duplicate.on('change', function () {
            $('#form_info').validate().checkForm()
        });

        $create_task_on_duplicate.trigger('change');

    });

    function do_form_field_restrictions(fId, type) {
        var _field = $(fId);

        var _preview_name;
        var s = $('.cb-wrap .ui-sortable');

        if (type == 'file') {
            setTimeout(function () {
                s.find('li').eq(2).addClass('disabled');
            }, 50);
        } else {
            var check = _field.find('[type="' + type + '"]');
            if (check.length == 0) {
                check = _field.find(type);
            }
            _preview_name = check.attr('name');
        }

        if (type != 'file') {
            var pos = _preview_name.lastIndexOf('-');
            _preview_name = _preview_name.substr(0, pos);
            $('[data-type="' + _preview_name + '"]:not(.form-field)').addClass('disabled');
        }

        $('.frmb-control li[type="' + _preview_name + '"]').removeClass('text-danger');

        if (typeof (mustRequiredFields) != 'undefined' && $.inArray(_preview_name, mustRequiredFields) != -1) {
            _field.find('.required-wrap input[type="checkbox"]').prop('disabled', true);
        }

        setTimeout(function () {
            s.sortable({cancel: '.disabled'});
            s.sortable('refresh');
        }, 80);
    }
</script>
</body>

</html>
