<?php $__env->startSection('content'); ?>
    <ol class="breadcrumb bc-3">
        <li>
            <a href="<?php echo URL::to('/dashboard'); ?>"><i class="entypo-home"></i>Home</a>
        </li>
        
        <li class="active">
            <strong>Help</strong>
        </li>
    </ol>
    
    <br/>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-primary" data-collapsed="0">

                <div class="panel-heading">
                    <div class="panel-title">
                        Help
                    </div>

                    <div class="panel-options">
                        <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                    </div>
                </div>

                <div class="panel-body">
                    <div class="form-group">
                        <?php if( User::checkCategoryPermission('Guide_Link','View')): ?>
                            <label for="field-1" class="col-sm-2 control-label" style="font-size: 19px;">Guide Link:</label>
                            <div class="col-sm-4">
                                <a href="<?php echo CompanyConfiguration::get('Guide_Link'); ?>" target="_blank" style="margin-top: 5px;display: block;font-weight:800;"><?php echo CompanyConfiguration::get('Guide_Link'); ?></a>
                            </div>
                        <?php endif; ?>    
                        <?php if( User::checkCategoryPermission('Support_Email','View')): ?>
                            <label for="field-1" class="col-sm-3 control-label" style="font-size: 19px;">Support Email</label>
                            <div class="col-sm-3">
                                <span style="margin-top: 5px;display: block;font-weight:800;">support@neon-soft.com</span>
                            </div>
<?php /*                            <div class="col-sm-2">*/ ?>
<?php /*                                <button class="btn btn-primary email_action" style="margin-top: 0px;display: block;">Send Email</button>*/ ?>
<?php /*                            </div>*/ ?>
                        <?php endif; ?>
                    </div>
                </div>

            </div>
                
        </div>
        
    </div>
    <div class="panel panel-default panel-email ">
            <div class="panel-heading">You can send email</div>
            <div class="panel-body">
                <form method="post" id="email-from" role="form" enctype="multipart/form-data">
                        <div class="form-Group" >                  
                            <div class="col-md-10 pull-left" style="padding-left:0px;" >
                                <label >From</label>
                                <?php echo Form::select('email-from',$FromEmails,User::get_user_email(),array("class"=>"select2")); ?>

                            </div>
                        </div>
                        <div class="clearfix" style="margin-bottom: 15px;"></div>
                        <div class="form-group">
                            <label for="to">To *</label>
                            <input type="text" class="form-control" readonly id="email-to" name="email-to" tabindex="1"  value="support@neon-soft.com"/>
                        </div>               
                        <div class="form-group">
                            <label for="subject">Subject *</label>
                            <input type="text" class="form-control" id="subject" name="Subject" tabindex="4" />
                            <input  hidden="" name="token_attachment" value="" />
                        </div>
                        <div class="form-group">
                            <label for="subject">Message *</label>
                            <textarea id="Message" class="form-control message"  name="Message"></textarea>
                        </div>
                        <p class="comment-box-options-activity"> <a id="addTtachment" class="btn-sm btn-white btn-xs" title="Add an attachment…" href="javascript:void(0)"> <i class="entypo-attach"></i> </a> </p>
                        <div class="form-group email_attachment">
                            <input type="hidden" value="1" name="email_send" id="email_send"  />
                            <input id="emailattachment_sent" type="hidden" name="emailattachment_sent" class="form-control file2 inline btn btn-primary btn-sm btn-icon icon-left hidden"   />
                            <input id="info2" type="hidden" name="attachmentsinfo"  />
                            <span class="file-input-names"></span> </div>          
                        </div>
                    <div class="form-group text-right email-submit-btn">
                        <button type="submit" id="note-edit"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Send </button>
                    </div>
                </form>
            </div>
        </div>
        <form id="emai_attachments_form" class="hidden" name="emai_attachments_form">
            <span class="emai_attachments_span">
            <input type="file" class="fileUploads form-control file2 inline btn btn-primary btn-sm btn-icon icon-left" name="emailattachment[]" multiple id="filecontrole1">
            </span>
            <input  hidden="" name="token_attachment" value="" />
            <input id="info1" type="hidden" name="attachmentsinfo"  />
            <button  class="pull-right save btn btn-primary btn-sm btn-icon icon-left hidden" type="submit" data-loading-text="Loading..."><i class="entypo-floppy"></i>Save</button>
        </form>
    

    <div class="modal fade" id="EmailAction-model">
        <div class="modal-dialog" style="width: 70%;">
            <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Update Note</h4>
                </div>
                <div class="modal-body">
                <form method="post" id="email-from" role="form" enctype="multipart/form-data">
                    <div class="form-Group" >                  
                        <div class="col-md-10 pull-left" style="padding-left:0px;" >
                            <label >From</label>
                            <?php echo Form::select('email-from',$FromEmails,User::get_user_email(),array("class"=>"select2")); ?>

                        </div>
                    </div>
                    <div class="clearfix" style="margin-bottom: 15px;"></div>
                    <div class="form-group">
                        <label for="to">To *</label>
                        <input type="text" class="form-control" readonly id="email-to" name="email-to" tabindex="1"  value="support@neon-soft.com"/>
                    </div>               
                    <div class="form-group">
                        <label for="subject">Subject *</label>
                        <input type="text" class="form-control" id="subject" name="Subject" tabindex="4" />
                        <input  hidden="" name="token_attachment" value="" />
                    </div>
                    <div class="form-group">
                        <label for="subject">Message *</label>
                        <textarea id="Message" class="form-control message"  name="Message"></textarea>
                    </div>          
                </div>
                <div class="modal-footer">
                    <button type="submit" id="note-edit"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Send </button>
                    <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
                </div>
            </form>
            
            </div>
        </div>
    </div>

    <style>
        .email-submit-btn{
         margin-right:15px;
        }
    </style>
        
    <script>
        $(document).ready(function(){
            var file_count 		   =  	0;
            var allow_extensions   = 	<?php echo $response_extensions; ?>;
            var emailFileList	   =  	new Array();
            var max_file_size_txt  =	'<?php echo $max_file_size; ?>';
	        var max_file_size	   =	'<?php echo str_replace("M","",$max_file_size); ?>';
            $('#Message').summernote({
                height:250
            })
            $( document ).on("click",'.email_action' ,function(e) {	
                $('.panel-email').removeClass('hidden') 
            });

            $("#email-from").submit(function (event) {
                var getClass =  $("#timeline-ul .count-li");
                var count = 0;
                getClass.each(function () {count++;}); 			
                var email_url 	= 	"<?php echo URL::to('/help/send_mail');?>";
                event.stopImmediatePropagation();
                event.preventDefault();			
                var formData = new FormData($('#email-from')[0]);
            
                if($('#subject').val() == ''){
                    ShowToastr("error",'Please Enter Subject');
                    return false;
                }else if($('#Message').val() == ''){
                    ShowToastr("error",'Please Enter Message');
                    return false;
                }

                $.ajax({
                    url: email_url,
                    type: 'POST',
                    dataType: 'html',
                    data:formData,
                    async :false,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        var response = JSON.parse(response)
                        if(response.status == 'success'){
                            ShowToastr("success",response.message);
                            $('#EmailAction-model').modal('hide');
                            $('#email-from').trigger('reset');
                            $('#Message').summernote('code', '');
                            // $('.panel-email').addClass('hidden');
                            $('.file-input-names').empty();
                        }else{
                            ShowToastr("error",response.message);
                        }		
                    }
                });	
		    });
            $('#addTtachment').click(function(){
			    file_count++;                
				$('#filecontrole1').click();
				
            });
			
			$(document).on('change','#filecontrole1',function(e){
				e.stopImmediatePropagation();
  				e.preventDefault();		
                var files 			 = e.target.files;				
                var fileText 		 = new Array();
                var file_check		 =	1; 
                var local_array		 =  new Array();
                var filesArr = Array.prototype.slice.call(files);
		
			    filesArr.forEach(function(f) {     
                var ext_current_file  = f.name.split('.').pop();
                // if(allow_extensions.indexOf(ext_current_file.toLowerCase()) > -1 )			
                // {         
                    var name_file = f.name;
                    var index_file = emailFileList.indexOf(f.name);
                    if(index_file >-1 )
                    {
                    ShowToastr("error",f.name+" file already selected.");							
                    }
                   else
                    {
                    //emailFileList.push(f.name);
                    local_array.push(f.name);
                    }
				//}
                // else
                // {
                //     ShowToastr("error",ext_current_file+" file type not allowed.");
                    
                // }
                });
                    if(local_array.length>0 && file_check==1)
                {	 emailFileList = emailFileList.concat(local_array);
                    $('#emai_attachments_form').submit();
                }

            });
            $('#emai_attachments_form').submit(function(e) {
                e.stopImmediatePropagation();
                e.preventDefault();

                var formData = new FormData(this);
                var url = 	baseurl + '/tickets/upload_file';
                $.ajax({
                    url: url,  //Server script to process data
                    type: 'POST',
                    dataType: 'json',
                    success: function (response) {
                        console.log(response);
                        if(response.status =='success'){
                            $('.file-input-names').html(response.data.text);
                            $('#info1').val(JSON.stringify(response.data.attachmentsinfo));
                            $('#info2').val(JSON.stringify(response.data.attachmentsinfo));

                        }else{
                            toastr.error(response.message, "Error", toastr_opts);
                        }
                    },
                    // Form data
                    data: formData,
                    //Options to tell jQuery not to process data or worry about content-type.
                    cache: false,
                    contentType: false,
                    processData: false
                });
            });

            $(document).on("click",".del_attachment",function(ee){
                var url  =  baseurl + '/tickets/delete_attachment_file';
                var fileName   =  $(this).attr('del_file_name');
                var attachmentsinfo = $('#info1').val();
                if(!attachmentsinfo){
                    return true;
                }
                attachmentsinfo = jQuery.parseJSON(attachmentsinfo);
                $(this).parent().remove();
                var fileIndex = emailFileList.indexOf(fileName);
                var fileinfo = attachmentsinfo[fileIndex];
                emailFileList.splice(fileIndex, 1);
                attachmentsinfo.splice(fileIndex, 1);
                $('#info1').val(JSON.stringify(attachmentsinfo));
                $('#info2').val(JSON.stringify(attachmentsinfo));
                $.ajax({
                    url: url,
                    type: 'POST',
                    dataType: 'json',
                    data:{file:fileinfo},
                    async :false,
                    success: function(response) {
                        if(response.status =='success'){

                        }else{
                            toastr.error(response.message, "Error", toastr_opts);
                        }
                    }
                });
            });
        })
        
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>