<?php echo view('includes/intl_tel_input_js'); ?>
<div class="container-fluid">
    <input type="hidden" name="contact_id" value="<?php echo $model_info->id; ?>" />
    <input type="hidden" name="client_id" value="<?php echo $model_info->client_id; ?>" />
    <div class="form-group">
        <div class="row">
            <?php
            $label_column = isset($label_column) ? $label_column : "col-md-3";
            $field_column = isset($field_column) ? $field_column : "col-md-9";
            ?>
            <label for="first_name" class="<?php echo $label_column; ?>"><?php echo app_lang('first_name'); ?></label>
            <div class="<?php echo $field_column; ?>">
                <?php
                echo form_input(array(
                    "id" => "first_name",
                    "name" => "first_name",
                    "value" => $model_info->first_name,
                    "class" => "form-control",
                    "placeholder" => app_lang('first_name'),
                    "data-rule-required" => true,
                    "data-msg-required" => app_lang("field_required"),
                ));
                ?>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label for="last_name" class="<?php echo $label_column; ?>"><?php echo app_lang('last_name'); ?></label>
            <div class="<?php echo $field_column; ?>">
                <?php
                echo form_input(array(
                    "id" => "last_name",
                    "name" => "last_name",
                    "value" => $model_info->last_name,
                    "class" => "form-control",
                    "placeholder" => app_lang('last_name'),
                    "data-rule-required" => true,
                    "data-msg-required" => app_lang("field_required"),
                ));
                ?>
            </div>
        </div>
    </div>
    <?php
    //show these filds during new contact creation
    if (!$model_info->id) {
    ?>
        <div class="form-group">
            <div class="row">
                <label for="email" class="<?php echo $label_column; ?>"><?php echo app_lang('email'); ?></label>
                <div class="<?php echo $field_column; ?>">
                    <?php
                    echo form_input(array(
                        "id" => "email",
                        "name" => "email",
                        "value" => $model_info->email,
                        "class" => "form-control",
                        "placeholder" => app_lang('email'),
                        "data-rule-email" => true,
                        "data-msg-email" => app_lang("enter_valid_email"),
                        "data-rule-required" => true,
                        "data-msg-required" => app_lang("field_required"),
                        "autocomplete" => "off"
                    ));
                    ?>
                </div>
            </div>
        </div>
    <?php } ?>
    <div class="form-group">
        <div class="row">
            <label for="contact_phone" class="<?php echo $label_column; ?>"><?php echo app_lang('phone'); ?></label>
            <div class="<?php echo $field_column; ?>">
                <?php
                echo form_input(array(
                    "id" => "contact_phone",
                    "name" => "phone",
                    "value" => $model_info->phone ? $model_info->phone : "",
                    "class" => "form-control"
                ));
                ?>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label for="job_title" class="<?php echo $label_column; ?>"><?php echo app_lang('job_title'); ?></label>
            <div class="<?php echo $field_column; ?>">
                <?php
                echo form_input(array(
                    "id" => "job_title",
                    "name" => "job_title",
                    "value" => $model_info->job_title,
                    "class" => "form-control",
                    "placeholder" => app_lang('job_title')
                ));
                ?>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label for="gender" class="<?php echo $label_column; ?>"><?php echo app_lang('gender'); ?></label>
            <div class="<?php echo $field_column; ?>">
                <?php
                echo form_radio(array(
                    "id" => "gender_male",
                    "name" => "gender",
                    "class" => "form-check-input",
                ), "male", ($model_info->gender == "male") ? true : false);
                ?>
                <label for="gender_male" class="mr15 p0"><?php echo app_lang('male'); ?></label>
                <?php
                echo form_radio(array(
                    "id" => "gender_female",
                    "name" => "gender",
                    "class" => "form-check-input",
                ), "female", ($model_info->gender == "female") ? true : false);
                ?>
                <label for="gender_female" class="p0 mr15"><?php echo app_lang('female'); ?></label>
                <?php
                echo form_radio(array(
                    "id" => "gender_other",
                    "name" => "gender",
                    "class" => "form-check-input",
                ), "other", ($model_info->gender == "other") ? true : false);
                ?>
                <label for="gender_other" class=""><?php echo app_lang('other'); ?></label>
            </div>
        </div>
    </div>

    <?php echo view("custom_fields/form/prepare_context_fields", array("custom_fields" => $custom_fields, "label_column" => $label_column, "field_column" => $field_column)); ?>

    <?php
    //show these filds during new contact creation
    //also check the client login setting

    if (!$model_info->id && !get_setting("disable_client_login")) {
    ?>
        <div class="form-group">
            <div class="row">
                <label for="login_password" class="col-md-3"><?php echo app_lang('password'); ?></label>
                <div class=" col-md-8">
                    <div class="input-group">
                        <?php
                        $password_field = array(
                            "id" => "login_password",
                            "name" => "login_password",
                            "class" => "form-control",
                            "placeholder" => app_lang('password'),
                            "readonly" => "readonly",
                            "onfocus" => "this.removeAttribute('readonly');",
                            "style" => "z-index:auto;"
                        );
                        if (!$model_info->id) {
                            //this filed is required for new record
                            $password_field["data-rule-required"] = true;
                            $password_field["data-msg-required"] = app_lang("field_required");
                            $password_field["data-rule-minlength"] = 6;
                            $password_field["data-msg-minlength"] = app_lang("enter_minimum_6_characters");
                        }
                        echo form_password($password_field);
                        ?>
                        <label for="password" class="input-group-text mb-0 clickable" id="generate_password"><span data-feather="key" class="icon-16"></span> <?php echo app_lang('generate'); ?></label>
                    </div>
                </div>
                <div class="col-md-1 p0">
                    <a href="#" id="show_hide_password" class="btn btn-default" title="<?php echo app_lang('show_text'); ?>"><span data-feather="eye" class="icon-16"></span></a>
                </div>
            </div>
        </div>

        <?php echo view("clients/contacts/contact_permission_fields"); ?>

    <?php } ?>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#generate_password").click(function() {
            $("#login_password").val(getRndomString(8));
        });
        $("#show_hide_password").click(function() {
            var $target = $("#login_password"),
                type = $target.attr("type");
            if (type === "password") {
                $(this).attr("title", "<?php echo app_lang("hide_text"); ?>");
                $(this).html("<span data-feather='eye-off' class='icon-16'></span>");
                feather.replace();
                $target.attr("type", "text");
            } else if (type === "text") {
                $(this).attr("title", "<?php echo app_lang("show_text"); ?>");
                $(this).html("<span data-feather='eye' class='icon-16'></span>");
                feather.replace();
                $target.attr("type", "password");
            }
        });

        setTimeout(function() {
            $("#generate_password").trigger("click");
        }, 200);
    });
</script>