<?php
/* @var $this ManualApplicantController */
/* @var $model APPAPPLICANT */
/* @var $form CActiveForm */


$applicant_user_id = Yii::app()->user->getState('applicant_user_id');
$full_names = 'N/A';
$custF = new CustomFunctions();

$fieldOption = array();
$fieldOption2 = array();
$fieldOption3 = array();
$refNoField = '';
$profileImage = null;

$yearsRange = range(date('Y') - 14, date('Y') - 90);
$monthsNumber = range(1, 12);
$daysNumber = range(1, 31);


$years = array();
foreach ($yearsRange as $year) {
    $years[$year] = $year;
}

$days = array();
foreach ($daysNumber as $day) {
    $dayName = $day < 10 ? "0{$day}" : "{$day}";
    $days[$dayName] = $dayName;
}

$months = array();
foreach ($monthsNumber as $monthNum) {
    $dateObj = DateTime::createFromFormat('!m', $monthNum);
    $monthName = $dateObj->format('F');
    $months[$monthNum] = $monthName;
}

if (isset($applicant_user_id)) {

    $userNameData = APPAPPLICANTUSER::model()->findByPk($applicant_user_id);
    $full_names = $userNameData->SURNAME . ' ' . $userNameData->OTHER_NAME;
    $fieldOption = array('value' => $applicant_user_id, 'readonly' => true, 'hidden' => true);
    $fieldOption2 = array('value' => $full_names, 'readonly' => true, 'hidden' => false);
    if ($model->getScenario() == 'update') {
        $profileImage = trim($model->APPLICANTUSER_FK->PROFILE_IMAGE);
    }
}

$dateArr = $custF->SplitDate($model->DOB);

if (sizeof($dateArr) == 3) {
    $model->DOB_YEAR = isset($dateArr[0]) ? $dateArr[0] : null;
    $model->DOB_MONTH = isset($dateArr[1]) ? $dateArr[1] : null;
    $model->DOB_DAY = isset($dateArr[2]) ? $dateArr[2] : null;
}

Yii::app()->clientScript->registerScript('dob', "
//set the default selections
$('#APPAPPLICANT_DOB_YEAR option[value=\"$model->DOB_YEAR\"]').attr('selected','selected');
$('#APPAPPLICANT_DOB_MONTH option[value=\"$model->DOB_MONTH\"]').attr('selected','selected');
$('#APPAPPLICANT_DOB_DAY option[value=\"$model->DOB_DAY\"]').attr('selected','selected');

//load function for getting profile picture
     function loadUserProfile()
        {

            //$('#userpic').slideDown();
              //$('#userpic').slideUp( 'slow', function() {
                    console.log('Image upload complete');
                    //load the profile pic in a div using ajax
                    //GetProfilePic
                    var request = $.ajax({
                          url: 'GetProfilePic',
                          method:'GET',
                          dataType:'html',
                          data:{
                            id:$applicant_user_id
                          },
                        });
                        //process requests
                        request.done(function( msg ) {

                            var image = $('#uploadedImg');
                            var imageContainer = $('#imageContainer');
                            var btn = $('#btnChange');
                            imageContainer.html(msg);
                           $(image).fadeIn('slow').removeClass('hidden');
                           $(btn).fadeIn('slow').removeClass('hidden');
                            $('.userpic').fadeOut('slow');
                            console.log(msg);
                        });
             // });
        }
");

?>
<div class="form">

    <?php $form = $this->beginWidget('CActiveForm', array(
        'id' => 'appapplicant-form',
        //'action' => Yii::app()->createUrl('//AppApplicant/AjaxCreate'),
        'enableAjaxValidation' => true,
        'htmlOptions' => array(
            //'onsubmit' => "return false;",/* Disable normal form submit */
            //'onkeypress' => " if(event.keyCode == 13){ send(); } " /* Do ajax call when user presses enter key */
        ),
    )); ?>

    <div class="row" id="applicantUpdate"><!-- ajax response here --></div>

    <?php echo $form->errorSummary($model); ?>

    <div class="row">
        <div class="col-md-6">
            <?php
            echo $form->labelEx($model, 'APPLICANT_USER_ID', array('readonly' => TRUE));
            echo $form->textField($model, 'APPLICANT_USER_ID', $fieldOption);
            echo CHtml::textField('APPLICANTNAMES', $full_names, array('class' => 'form-control', 'readonly' => TRUE));
            echo $form->error($model, 'APPLICANT_USER_ID'); ?>
        </div>
        <div class="col-md-2">
            <?php echo $form->labelEx($model, 'GENDER'); ?>
            <?php echo $form->radioButtonList($model, 'GENDER',
                array('MALE' => 'Male', 'FEMALE' => 'Female'), array(
                    'labelOptions' => array('style' => 'display:inline'), // add this code
                    'separator' => ' ',), array('class' => 'form-control')); ?>

            <?php echo $form->error($model, 'GENDER'); ?>
        </div>

        <!-- profile image section -->
        <div class="col-md-4">
            <?php $imgUrl = Yii::app()->request->baseUrl . '/' . $profileImage; ?>
            <div id="uploadView" class="<?php echo strlen($profileImage) > 0 ? 'hidden' : ''; ?>">
                <?php
                //echo $form->labelEx($model, 'APPLICANT_USER_ID');
                $this->widget('ext.EFineUploader.EFineUploader',
                    array(
                        'id' => 'FineUploader',
                        'config' => array(
                            'autoUpload' => true,
                            'debug' => false,
                            'text' => array(
                                'uploadButton' => 'Upload your profile Image',
                            ),
                            'request' => array(
                                'endpoint' => $this->createUrl('manualApplicant/uploadpic'),
                                'params' => array(
                                    'YII_CSRF_TOKEN' => Yii::app()->request->csrfToken,
                                    'APPLICANT_USER_ID' => $applicant_user_id
                                ),
                            ),
                            'retry' => array(
                                'enableAuto' => true,
                                'preventRetryResponseProperty' => true
                            ),
                            'chunking' => array('enable' => true, 'partSize' => 100),//bytes
                            'validation' => array(
                                'allowedExtensions' => array('jpg', 'png', 'jpeg', 'gif'),
                                'sizeLimit' => 5 * 1024 * 1024,//maximum file size in bytes
                                'minSizeLimit' => 0.000005 * 1024 * 1024,// minimum file size in bytes
                            ),
                            'callbacks' => array(
                                'onSubmit' => "js:function(id,filename,m){

                            }",
                                'onComplete' => "js:function(id, name, response){
                            //show the uploaded file image
                                var image = $('#uploadedImg');
                                var imageContainer = $('#imageContainer');
                                var btn = $('#btnChange');
                                $('#FineUploader').fadeOut('slow',function(){
                                    imageContainer.html(response.FILEPATH);
                                    $(image).fadeIn('slow').removeClass('hidden');
                                    $(btn).fadeIn('slow').removeClass('hidden');
                                    console.log(response.FILEPATH);
                                });
                            }",
                                //'onError'=>"js:function(id, name, errorReason){ }",
                                'onValidateBatch' => "js:function(fileOrBlobData) {}", // because of crash
                            ),
                        )
                    ));
                ?>
            </div>
            <div class="pull-right <?php echo strlen($profileImage) <= 0 ? 'hidden' : ''; ?>" id="activeImage">
                <img src="<?php echo $imgUrl; ?>" alt="Profile picture missing, please reupload"
                     class="img img-responsive img-thumbnail" width="250">
                <i class="fa fa-edit fa-2x" style="cursor: pointer;" onclick="showUploader()"></i>
            </div>
        </div>

        <div class="row pull-right">
            <div id="uploadedImg" class="hidden">
        <span id="imageContainer">

        </span>
                <button type="button" id="btnChange" class="btn btn-primary btn-sm col-sm-4 hidden"
                        style="margin-top:10px;"
                        onclick="changeImage()">
                    Change
                </button>
            </div>
        </div>
        <div class="col-md-4">
            <?php

            ?>
        </div>
        <!-- end profile image section -->
    </div>

    <div class="row">
        <div class="col-md-2">
            <?php
            echo $form->labelEx($model, 'DOB_DAY');
            echo $form->dropDownList($model, 'DOB_DAY', $days, array('class' => 'form-control', 'prompt' => 'Select day of birth'));
            echo $form->error($model, 'DOB_DAY');
            ?>
        </div>
        <div class="col-md-2">
            <?php
            echo $form->labelEx($model, 'DOB_MONTH');
            echo $form->dropDownList($model, 'DOB_MONTH', $months, array('class' => 'form-control', 'prompt' => 'Select birth month'));
            echo $form->error($model, 'DOB_MONTH');
            ?>
        </div>
        <div class="col-md-2">
            <?php
            echo $form->labelEx($model, 'DOB_YEAR');
            echo $form->dropDownList($model, 'DOB_YEAR', $years, array('class' => 'form-control', 'prompt' => 'Select birth year'));
            echo $form->error($model, 'DOB_YEAR');
            ?>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <?php echo $form->labelEx($model, 'COUNTRY_CODE');
            echo $form->dropDownList($model, 'COUNTRY_CODE', $model->getCountry(), array('class' => 'form-control', 'prompt' => 'Select Country'));
            echo $form->error($model, 'COUNTRY_CODE'); ?>
        </div>

        <div class="col-md-6">
            <?php echo $form->labelEx($model, 'NATIONAL_ID'); ?>
            <?php echo $form->textField($model, 'NATIONAL_ID', array('class' => 'form-control')); ?>
            <?php echo $form->error($model, 'NATIONAL_ID'); ?>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <?php echo $form->labelEx($model, 'MARITAL_STATUS'); ?>
            <?php echo $form->dropDownList($model, 'MARITAL_STATUS', array("SINGLE" => "SINGLE", "MARRIED" => "MARRIED", "DIVORCED" => "DIVORCED", "SEPARATED" => "SEPARATED"), array('class' => 'form-control')); ?>
            <?php echo $form->error($model, 'MARITAL_STATUS'); ?>
        </div>

        <div class="col-md-6">
            <?php
            echo $form->labelEx($model, 'RELIGION');
            echo $form->dropDownList($model, 'RELIGION',
                array(
                    "CHRISTIAN" => "CHRISTIAN",
                    "MUSLIM" => "MUSLIM",
                    "BUDDHIST" => "BUDDHIST",
                    "ATHEISTS" => "ATHEIST",
                    "OTHERS" => "OTHERS"
                ), array('class' => 'form-control'));
            echo $form->error($model, 'RELIGION');
            ?>
        </div>
    </div>
    <div class="btn-group">
        <?php
        echo CHtml::submitButton($model->isNewRecord ? 'Save Personal Details' : 'Update Personal Details', array('class' => 'btn btn-success'));
        ?>
    </div>

    <?php $this->endWidget(); ?>

</div><!-- form -->

<script>
    function changeImage() {
        var image = $('#uploadedImg');
        var btn = $('#btnChange');
        $(image).addClass('hidden');
        $(btn).addClass('hidden');
        $('#FineUploader').fadeIn('slow');
    }

    function showUploader() {
        $('#uploadView').removeClass('hidden');
        $('#activeImage').addClass('hidden');
    }
</script>