@extends('user.layouts.app')
@php
$is_confirm = @$is_confirm;
$exist_feedback = @$exist_feedback;
@endphp

@section('content')
<div class="white-box">
    <h2 class="text-info text-uppercase main-title">Meeting Confirmation</h2> 
    <div class="row m-b-15">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
            @include('user.includes.status')
            @if($is_confirm == 2)
                <div class="col-md-12 col-sm-12 col-xs-12"> 
                    <div class="pull-right">
                        <small class="text-danger">
                            All fields with star (<span>*</span>) are required
                        </small>
                    </div>
                </div>
                <div class="clearfix"></div>
                <form method="post" action="" id="reject_interview_form" name="reject_interview" > 
                    <input type="hidden" name="form_data" value="interview_confirmation_data" />
                    <input type="hidden" name="action_by" value="hc"/>
                    <input type="hidden" name="interview_type" value="2"/>
                    <input type="hidden" name="interview_schedule_id" value="{{@$interview_schedule_id}}"/>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <label>Interview Reject Reason <span class="text-danger asterisk">*</span> ( <input name="counter_desc" value="500" maxlength="3" tabindex="999" style="width:30px; border:0; font-weight:bold;color:#004B74" onfocus="this.blur();" readonly="readonly" onblur="textCounter(this.form.recipients,this,255);" />characters left )</label> 
                            <textarea class="form-control" maxlength="500" name="reject_reason" style="resize: none;" id="reject_reason" placeholder="Enter your reject reason" required="" onkeypress="textCounter(this,this.form.counter_desc,500);" onkeyup="textCounter(this,this.form.counter_desc,500);" onblur="textCounter(this,this.form.counter_desc,500);"></textarea>
                            <span id="reject_reason_validation" class="html5_validation" style="display: none;color: red;font-size: 14px;font-style: italic">You can't add more than 500 characters.</span>
                            <span id="reject_reason_err_msg" style="display: none;color: red">Not Allow White Space.</span>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <label>Sorry that this interview schedule does not fit in your agenda, please suggest another date and time for this interview in the future: <span class="text-danger asterisk">*</span></label> 
                            <input type="text" class="form-control datetimepicker mobile_readonly" name="alternate_datetime" onkeyup="return false;" id="alternate_datetime" placeholder="Please click to select date and time" required=""  value="" autocomplete="off"> 
                            <p>@if(!empty(@$hc_timezone_label)) {{@$hc_timezone_label}}@endif</p>
                        </div> 
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <input class="btn btn-success mleft5" name="submit" type="submit" id="submit_interview_reject_reason" value="Submit" onclick="submit_reject_reason();"/>
                            <input class="btn red btn-danger" name="reset" type="reset" id="reset_interview" value="Reset"/>
                        </div>
                    </div> 
                </form>
            @else
                @if(!empty($exist_feedback))
                    <div class="col-sm-12">
                        <div class="clearfix"></div>
                        <div class="alert alert-warning fix-alert">
                            <p>We have already recorded the scheduled meeting confirmation detail.<br/> 
                            If you need to update your scheduled meeting, please contact your ITN administrator to inform him/her about this change.
                            </p>
                        </div>
                    </div>
                @endif
            @endif
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript"> 
function textCounter(limitField, limitCount, limitNum) {
    if(limitField.value.length == limitNum){
        $("#reject_reason_validation").css('display','block');
    }else{
        $("#reject_reason_validation").css('display','none');
    }
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
function submit_reject_reason()
{
    if($("#reject_reason").val()!=''){
        var reason = $("#reject_reason").val();
        reason = reason.replace(/[ ]{1,}/gi,'').replace(/\n/g, '').replace(/[^\w\s]/gi, '').replace(/_/g, '');
        if(reason.length <= 0){
            $("#reject_reason").val(reason);
            document.getElementById("reject_reason_err_msg").style.display = "block";
            return false;
        }
    }
    return true;
}
$(document).ready(function() { 
    var date = new Date();
    var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
    $(".datetimepicker").datetimepicker({
        minDate: today,
        widgetPositioning:{
            horizontal: 'auto',
            vertical: 'bottom'
        }
    });
    
    $('#alternate_datetime').on('keydown keyup keypress input', function(event) {
        if(event.type == "keydown" || event.type == "keyup" || event.type == "keypress") {  
          return false;
        } 
        if(event.type == 'input') { 
            var bufferValue = $(this).val().replace(/\D/g,'');
            $(this).val(bufferValue);
            return false;
        }
    });
    var form_selector = "#reject_interview_form";
    ajaxFormValidator(form_selector,function(ele,event){
        event.preventDefault();
        clearValidatorErr(ele);
        show_inner_loader(".timeline_stp_desc","#all_tab_data");

        var url = " {{ route('hc.interview.reject') }} ";
        var form_data = new FormData(ele);
        $.ajax({
            url: url,
            type: 'post',
            data: form_data,
            dataType: 'json',
            processData: false,
            contentType: false,
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                var messages = response.message;
                if(response.type=='success'){
                    var Html = '<div class="alert swl-alert-success"><ul><li>'+ messages+ '</li></ul></div>'; 
                    notifyResponseTimerAlert(Html,"success","Success");
                    setTimeout(function(){
                        window.location.reload();
                    }, 3000);
                }
                else if(response.type == "error"){
                    var Html = '<div class="alert swl-alert-danger"><ul>'; 
                    $.each( messages, function( key, value ) {
                        Html += '<li>' + value+ '</li>';  
                    });
                    Html += '</ul></div>';  
                    notifyResponseTimerAlert(Html,"error","Error",10000);
                }
                hide_inner_loader(".timeline_stp_desc","#all_tab_data");
            },
        });
    });
});
</script>
@stop