<?php
namespace app\controllers;

class JsonToForm
{
    /**
     * ## Help Constants and Functions -----------------------------------------
     * /////////////////////////////////////////////////////////////////////////
     *
     * 
     * Cache fields options (json format) //////////////////////////////////////
     * -------------------------------------------------------------------------
     *   $formJSON = file_get_contents('config/kallassa.json');
     *   define("FORMJSON", $formJSON);
     *
     * Cache CCODE attributes (json format) ////////////////////////////////////
     * -------------------------------------------------------------------------
     *   $codeJSON = file_get_contents('config/ccode.json');
     *   define("CODEJSON", $codeJSON);
     *
     * Parse anythig from a field //////////////////////////////////////////////
     * ARGS:
     *    $fkey   = keyname (as in json fields oprions)
     *    $inp    = input value (string)
     * RETURN: array(
     *    'label' = field label,
     *    'multi' = (true|false) is multiple choice (select|radio|check) or not,
     *    'value' = human readable value (or array of values if multi)
     * ) -----------------------------------------------------------------------
     */
    public static function parse_any($fkey, $inp ="")
    {
         $formARRAY = json_decode(FORMJSON);

         foreach ($formARRAY as $key => $section) {
            foreach ($section->childs as $kk => $field) {

                // find the field
                if ($field->nam == $fkey) {

                    $values = array();    // human readble values if select (comma separated)

                    if ($field->typ == 'select') {
                    $multi = true;

                    if ($inp !='') {
                        $codes = explode(",", $inp);    // split coded values
                        foreach ($field->opt as $kkk => $v) {
                            if (in_array($v->id, $codes)) {   // check if option is in array
                                $values[] = ($field->nam == 'ccode') ? ($v->id.": ".$v->tag) : $v->tag;
                            }
                        }
                    }

                    }
                    else $multi = false;

                    // return everything in an array
                    return  array(
                            'label' => $field->lab,
                            'multi' => $multi,
                            'value' => ($multi ? $values : $inp)
                            );
                }
            }
         }

        // if not escaped already, then name return same
        return    array('label' => $fkey, 'multi' => false, 'value' => $inp );
    }


    // Parse anythig from ccode
    public static function parse_ccode($ckey)
    {
        $ccARRAY = json_decode(CODEJSON);

        foreach ($ccARRAY as $key => $val) {
            // find the field
            if ($val->id == $ckey) {
                // return everything in an array
                return  $val;
            }
        }
    }


    // Preview Local Datetime //////////////////////////////////////////////////
    // (in Greek format and names )
    // -------------------------------------------------------------------------
    public static function local_dt($t)
    {
        $day  = array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
        $dayL = array("Κυρ", "Δευ", "Τρι", "Τετ", "Πεμ", "Παρ", "Σαβ");
        $mon  = array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
        $monL = array("Ιαν", "Φεβ", "Μαρ", "Απρ", "Μαϊ", "Ιουν", "Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Νοε", "Δεκ");
        $tm   = array("am", "pm");
        $tmL  = array("πμ", "μμ");
        $r = date("D. j M. Y, h:i:sa", $t);
        $r = str_replace($day, $dayL, $r);
        $r = str_replace($mon, $monL, $r);
        $r = str_replace($tm, $tmL, $r);
        return $r;
    }


    // Part of string
    // UTF-8 SAFE
    public static function str_part($str, $len)
    {
        return (mb_strlen($str) > $len) ? mb_substr($str, 0, $len-1) ."…" : $str;
    }

    /** json_form
     * 
     * construct a form (html, javasctipt)
     * from a json designer
     * 
     * @param $formJson (Std Object): form descriptor
     * @param $require_identity (array): array of properties and values;
     *    they identify the record; injected into form as hidden fields
     * @param $source (array): array of [key => value] pairs, where ...
     *    `key`: the name of field, `value`: the default value of this field
     */
    public static function json_form($formJson, $require_identity = [], $source = [])
    {
        // $formJson = json_decode(json_encode($form));

        $default_outer  = $formJson->defaults->outer_class ?? '';
        $default_inner  = $formJson->defaults->inner_class ?? '';
        $default_type   = $formJson->defaults->type ?? 'text';
        $default_values = $formJson->defaults->values ?? ((object) ['nothing' => true]);

        // TODO handle $form->defaults->source;

        // Script Workflow:
        // ---------------------------------------------------------------------
        // 1. read fields options
        // 2. generate HTML
        // 3. generate JS needed

        // the UI
        // ---------------------------------------------------------------------
        // Fields are grouped in sections
        // These sections presented in tabs (or accordion if mobile device)
        // Two (2) sections incduded to inform the user of empty fields or errors

        // Libraries and FrameWorks used
        // ---------------------------------------------------------------------
        // Bootstrap 4.3 is used for easy responsive HTML code
        // JQuery 3.3 is used to handle user interation
        // Select2 is used to make select-boxes (single or multiple) easier to use

        // read fields options (json format) ///////////////////////////////////
        // ---------------------------------------------------------------------

        // Init strigns for JS generator (needed to handle everything) /////////
        // ---------------------------------------------------------------------
        $checkFilledJS = "";    // JS for checking empty fields
        $ref2Select2JS = "";    // references to Select2-controls Javascript
        $initSelectsJS = "";    // js to initialize select fields (single or multiple)


        $identity = "";     // construct required identity hidden fields
        foreach ($require_identity as $group) {
            $identity .= "
                <input type='hidden' name='". $group['name']
                    ."' value='". $group['value'] ."'>";
        }

        // now constuct the form body
        $html = "{$identity}
            <div class='row'>
            ";

        foreach ($formJson->form as $key => $field) {

            $attributes = $field->attributes ?? [];         // attributes array
            $type = $field->type ?? $default_type;
            $class = $field->class ?? "";
            $label = $field->label;
            $name = $field->name ?? $field->label;

            // handle value assignment
            if (isset($field->value)) {         // if value property is set
                $set_value = true;              // (flag: value seted)
                $value = (($field->value == 'auto') && isset($default_values->$name))
                    ? $default_values->$name    // set auto value
                    : $field->value;            // or other set-value
            } else {
                $set_value = false;
            }
            // print_r([ $set_value, $name, ($default_values->$name ?? 'none') ]);
                        
            $appendKey = in_array('append-key', $attributes) ? true : false;    // append key (for selects)
            $required = in_array('required', $attributes) ? 'required' : '';    // required
            $asterisk = in_array('required', $attributes) ? '*' : '';       // asterisk in label if required

            $html .= "
            <div class='form-group {$class}'>
                <label for='{$name}'>{$label} {$asterisk}</label>
                ";
            
            switch ($type) {

                case 'select':                         

                    if (in_array('multiple', $attributes)) {      // if select is multiple

                        $html .="
                            <select id='{$name}' class='form-select form-select-sm' name='{$name}[]' multiple='multiple' style='width:100%'>";

                        // prepare initialization of select2 (multiple)
                        $initSelectsJS .= "
                            var {$name} = $('#{$name}');
                            {$name}.select2({ width: '100%' });";

                        if ($set_value) {       // if default value is set
                            $initSelectsJS .= "
                            select2_set_multi_text( {$name} , {$value} );";

                        } else {
                            $initSelectsJS .= "
                                {$name}.val(null).trigger('change');";
                        }

                        // prepare check if empty field
                        $checkFilledJS .= "
                            if (getValues({$name}) =='') { empty += '{$label} {$asterisk}<br />'; }
                            values.{$name} = getValues($name);";


                    } else {    // select is single; draw select + add empty option

                        $html .="
                            <select id='{$name}' class='form-select form-select-sm' name='{$name}' style='width:100%'>";

                        // prepare initialization of select2 (single)
                        $initSelectsJS .= "
                            var {$name} = $('#{$name}');
                            {$name}.select2();";

                        if ($set_value) {       // if default value is set
                            $initSelectsJS .= "
                                select2_set_text( {$name} , '{$value}' );";

                        } else {
                            $initSelectsJS .= "
                                {$name}.val(null).trigger('change');";
                        }

                        // prepare check if empty field
                        $checkFilledJS .= "
                            if (getValues({$name}) =='') { empty += '{$label} {$asterisk}<br />'; }
                            values.{$name} = getValues($name);";
                        
                    }

                    // inject options
                    if (isset($field->options)) {
                    foreach ($field->options as $key => $val) {
                        $html .= "
                            <option value='{$key}'>{$val}</option>";
                    }}

                    // close select
                    $html .= "</select>";

                    break;


                case 'text':

                    $def_value = ($set_value) ? "value='{$value}'" : "value=''";

                    $html .= "
                        <input type='text' class='form-control form-control-sm' name='{$name}' $def_value {$required}>";

                    $checkFilledJS = "
                        if ($('input[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('input[name={$name}]').val();";

                    break;


                case 'password':

                    $def_value = ($set_value) ? "value='{$value}'" : "value=''";

                    $html .= "
                        <input type='password' class='form-control form-control-sm' name='{$name}' {$required}>";

                    $checkFilledJS = "
                        if ($('input[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('input[name={$name}]').val();";

                    break;

                            
                case 'integer':

                    $def_value = ($set_value) ? "value='{$value}'" : "value=''";

                    $html .= "
                        <input type='number' class='form-control form-control-sm' name='{$name}' min='0' step='1' $def_value {$required}>";

                    $checkFilledJS .= "
                        if ($('input[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('input[name={$name}]').val();";

                    break;


                case 'textarea':

                    $def_value = ($set_value) ? "{$value}" : "";

                    $html .= "
                        <textarea class='form-control form-control-sm' name='{$name}' {$required}>{$def_value}</textarea>";

                    $checkFilledJS .= "
                        if ($('textarea[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('textarea[name={$name}]').val();";

                    break;
                    

                case 'date':

                    $html .= "
                        <input type='date' class='form-control form-control-sm' name='{$name}' {$required}>";

                    $checkFilledJS .= "
                        if ($('input[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('input[name={$name}]').val();";

                    break;


                case 'email':

                    $def_value = ($set_value) ? "value='{$value}'" : "value=''";

                    $html .= "
                        <input type='email' class='form-control form-control-sm' name='{$name}' {$def_value} {$required}>";

                    $checkFilledJS .= "
                        if ($('input[name={$name}]').val() =='') { empty += '{$label} {$asterisk}<br />'; }
                        values.{$name} = $('input[name={$name}]').val();";

                    break;


                default:    // label, acts as common text

                    //$html .= "<label>{$label}</label";

            }

            $html .= '</div>';
        }

        return [
            'html' => $html .'</div>',
            'init_js' => $initSelectsJS,
            'values_js' => $checkFilledJS
        ];

    }

}


/***
 * Script Workflow:
 * -----------------------------------------------------------------------------
 * 1. read fields options
 * 2. generate HTML
 * 3. generate JS needed

 * the UI
 * -----------------------------------------------------------------------------
 * Fields are grouped in sections
 * These sections presented in tabs (or accordion if mobile device)
 * Two (2) sections incduded to inform the user of empty fields or errors

 * Libraries and FrameWorks used
 * -----------------------------------------------------------------------------
 * Bootstrap 4.3 is used for easy responsive HTML code
 * JQuery 3.3 is used to handle user interation
 * Select2 is used to make select-boxes (single or multiple) easier to use


 * read fields options (json format) ///////////////////////////////////////////
 * -----------------------------------------------------------------------------
    $formJSON = file_get_contents('config/kallassa.json');
    $formARRAY = json_decode($formJSON);


 * Init strigns for JS generator (needed to handle everything) /////////////////
 * -----------------------------------------------------------------------------
    $checkFilledJS = "";    // JS for checking empty fields
    $ref2Select2JS = "";    // references to Select2-controls Javascript
    $initSelectsJS = "";    // js to initialize select fields (single or multiple)
*/

    
    /** post-DOM-end + scripts
     * 
     * </form>
     * </div>
     * <!-- DOM ENDS HERE -->
     * 
     *   <!-- scripts and libraries
     *   load and register one by one, so you don't need to worry about if they are ready -->
     * <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
     * <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.4.1/jquery-migrate.min.js"></script>
     * <script src="/js/bootstrap.min.js"></script>
     * <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.full.min.js"></script>
     * <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/i18n/el.js"></script>
     * <script>
     * // NOW RUN EVERYTHING AFTER JQUERY (AND DOM ready)
     * // -----------------------------------------------------------------------------
     * ////////////////////////////////////////////////////////////////////////////////
     * 
     *   // 00. FLAGS and NEEDED FUNCTIONS
     *   // ---------------------------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   var waitingResponse = false;    // flag for an ajax request that was sent and still waiting response
     * 
     *   // pure JS ajax GET request
     *   // return data as JSON
     *   // no fancy things like UTF8; if needed use base64 ---------------------------
     *   function ajax_get(url, callback) {
     *       var xmlhttp = new XMLHttpRequest();
     *       xmlhttp.onreadystatechange = function() {
     *           if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
     * 
     *               try {
     *                   var data = JSON.parse(xmlhttp.responseText);
     *               } catch(err) {
     *                   console.log(err.message + ' in ' + xmlhttp.responseText);
     *                   return;
     *               }
     *               callback(data);
     *           }
     *       };
     * 
     *       xmlhttp.open("GET", url, true);
     *       xmlhttp.send();
     *   }
     * 
     * 
     *   // 01. MENU MANAGEMENT
     *   // ---------------------------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // menu management
     *   // ---------------------------------------------------------------------------
     *   $('.dropdown-item').on('click', function(e){
     *     e.preventDefault();
     * 
     *     if (!waitingResponse) {
     *       waitingResponse = true;
     * 
     *       var r = confirm('Δεν έχετε αποθηκεύσει το αντικείμενο!\nΘέλετε σίγουρα να εγκαταλείψετε τη σελίδα;');
     *       if (r == true) {
     * 
     *         // all data-goto have the format: 'method,uri_address'
     *         // uri_address is the url to call
     *         // method options:
     *         // * url : means goto url (redirect)
     *         // * ajax : means call url via ajax; if 'success = true' then goto '/' after that
     *         // -----------------------------------------------------------------------
     *         var opt = $(this).data('goto').split(',');  // split data-goto
     * 
     *         if (opt[0] == 'url') {    // if method = url
     *           window.location.href = opt[1];
     *         }
     *         else {                    // else, method = ajax
     *           ajax_get(opt[1], function(response) {
     *             if (response.success) {
     *               window.location.href = '/';
     *             }
     *           });
     *         }
     * 
     *       }
     *       else {
     *         // user did not confirmed the selection; do nothing
     *       }
     * 
     *       waitingResponse = false;
     *     }
     * 
     *   });
     * 
     *   // 02. USER INTERFACE
     *   // ---------------------------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // tabs to accorderon --------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // FUNCTION: Set tabsContainer height
     *   // acording to which tab is visible
     *   // and tab mode (tabs|acordeon)
     *   // ---------------------------------------------------------------------------
     *   function set_tabsContainer_height() {
     *       var ch_;      // content height
     *       var tc_base;    // tabs-container base height
     *       tc_base = ($(window).width() > 650) ? 100 : 400;
     *       if ($('#content1').is(':visible'))  ch_ = $('#content1').height();
     *       if ($('#content2').is(':visible'))  ch_ = $('#content2').height();
     *       if ($('#content3').is(':visible'))  ch_ = $('#content3').height();
     *       if ($('#content4').is(':visible'))  ch_ = $('#content4').height();
     *       if ($('#content5').is(':visible'))  ch_ = $('#content5').height();
     *       if ($('#content6').is(':visible'))  ch_ = $('#content6').height();
     * 
     *       $('#tabsContainer').height(ch_ + tc_base);
     * 
     *   }
     *   set_tabsContainer_height();  // init (run for 1st time)
     * 
     *   // on tab selection
     *   // calculate tabsContainer height
     *   $('input:radio[name="tabs"]').change( function(){
     *       set_tabsContainer_height()
     *   });
     * 
     *   // on window change
     *   // set tabsContainer height
     *   $( window ).resize(function() {
     *       set_tabsContainer_height();
     *   });
     * 
     * 
     * 
     *   // 03. form-control form-control-smS
     *   // ---------------------------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // Select2 controls
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // FUNCTION: Get selected value(s) of Select2 control
     *   // pass arg: source-element
     *   // return: value(s) comma-separated
     *   // ---------------------------------------------------------------------------
     *   function getValues(srcElm) {
     *       var res;
     *       var obj = srcElm.select2('data');    // get delected data array
     * 
     *       if (obj.length === 0)    return '';  // if empty list then nothig is selected
     *       else {
     *           var i = 0;
     *           obj.forEach(function(elm){   // loop through object elements array
     * 
     *               if (i)  res += ',' + elm.id; // if not first item, prepend ',' befor value(id)
     *               else    res = elm.id;        // else set (first) checked value
     * 
     *               i++;
     *           });
     *       }
     *       return res;
     *   }
     * 
     *   // patch select2-multiple widths
     *   // ---------------------------------------------------------------------------
     *   $('.select-field').select2({ width: '100%' });
     * 
     *   // init select2 fields
     *   // (embed from php)
     *   // ---------------------------------------------------------------------------
     *   <?=$initSelectsJS?>
     * 
     * 
     *   // 04. FORM-LOGIC
     *   // ---------------------------------------------------------------------------
     *   //////////////////////////////////////////////////////////////////////////////
     * 
     *   // FUNCTION: Report empty fields
     *   // ---------------------------------------------------------------------------
     *   function reportEmpty() {
     *     var empty = '';
     *     var needit = [];
     *     var values = {};
     * 
     *     // embed if-conditions from php
     *     <?=$checkFilledJS?>
     * 
     *     $("#empty-fields").html(empty);   // render empty fields
     * 
     *     // console.log(JSON.stringify(values));
     * 
     *     return { need : needit, data: values };    // return all fields
     *   }
     *   reportEmpty();
     * 
     *   $('form').on('keyup change paste', 'input, select, textarea', function(){
     *       console.log('Form changed!');
     *       reportEmpty();
     *   });
     * 
     *   // validation?
     *   // check: https://www.sitepoint.com/instant-validation/
     * 
     * 
     *   $('#post-form').on('submit', function(e){
     *     e.preventDefault();
     *     if (!waitingResponse) {
     *         waitingResponse = true;
     *         var resp = reportEmpty();
     * 
     *         if (resp.need.length > 0) alert("Tα πεδία:\n\n" + resp.need.join(',\n') + "\n\nείναι υποχρεωτικά!");
     *         else {
     *           // alert('sending: '+JSON.stringify(resp.data));
     *           var postUrl = "/ajax.php?do=additem";   // url to post form
     *           var data2send = resp.data;              // parse data to send
     * 
     *           $.ajax({
     *             type: 'POST',
     *             url: postUrl,    // make sure you respect the same origin policy with this url
     *             data: data2send,
     *             dataType: "text",
     * 
     *             success: function(data) {  // server replies
     *                 var json = $.parseJSON(data);
     *                 if (json.success == true) {   // good! post accepted
     *                     // alert(json.id)
     *                     window.location.href = '/ui-show-item.php?id='+ json.id;
     *                 }
     *                 else {
     *                      alert("Post not accepted.\nPlease check the data you submit.");
     *                      // $('#oc-company-form')[0].reset();
     *                 }
     *             },
     * 
     *             error: function() {
     *               alert('Some ajax error! :(');
     *             }
     *           });
     *         }
     * 
     *         waitingResponse = false;
     *     }
     * 
     *   });
     * 
     * <?php
     *   // bibliography and References
     *   //
     *   // WHICH JQUERY:
     *   // read: https://jquery.com/download/
     *   //
     *   // SELECT2
     *   // https://stackoverflow.com/questions/12889309/get-selected-value-from-multi-value-select-boxes-by-jquery-select2
     *   //
     *   // tests:
     *   // https://jsfiddle.net/3nd1gL8o/1/
     *   // https://jsfiddle.net/3nd1gL8o/5/
     *   //
     *   // EXAMPLE with ALL CASES NEEDed:
     *   // https://jsfiddle.net/v684h0g2/2/
     * ?>
     * </script>
     *   </body>
     * </html>
     */