<?php 
	$this->load->view("include/upload_js");
	$image_upload_limit = 1; 
	if($this->config->item('facebook_poster_image_upload_limit') != '')
	$image_upload_limit = $this->config->item('facebook_poster_image_upload_limit'); 
	
	$video_upload_limit = 100; 
	if($this->config->item('facebook_poster_video_upload_limit') != '')
	$video_upload_limit = $this->config->item('facebook_poster_video_upload_limit');
?>
<link rel="stylesheet" href="<?php echo base_url('assets/css/system/instagram/posting_style.css');?>">
<form action="#" enctype="multipart/form-data" id="auto_poster_form" method="post">
<section class="section section_custom">
	<div class="section-header">
		<h1><i class="fas fa-paper-plane"></i> <?php echo $page_title; ?></h1>
		<div class="section-header-breadcrumb">
			<div class="breadcrumb-item"><a href="<?php echo base_url("ultrapost"); ?>"><?php echo $this->lang->line("Social Posting"); ?></a></div>
			<div class="breadcrumb-item"><a href='<?php echo base_url("instagram_poster"); ?>'><?php echo $this->lang->line("Multimedia Post"); ?></a></div>
			<div class="breadcrumb-item"><?php echo $page_title; ?></div>
		</div>
	</div>	
	<div class="section-body">
		<div class="row justify-content-center no-gutters">
			<div class="col-12 col-sm-6 col-md-3 col-lg-3 collef">
				<div class="card main_card">
					<div class="card-header pb-0 p-3">
						<h4 class="w-100 m-0 pr-0">
							<span class="float-left"><i class="fas fa-share"></i> <?php echo $this->lang->line("Publish"); ?></span>
							<input type="text" placeholder="<?php echo $this->lang->line('Search');?>..." class="form-control float-right" id="publish_item_search" onkeyup="search_in_class(this,'publish_item')">	
						</h4>
					</div>
					<div class="card-body p-3">
					   <?php if(!empty($fb_page_info)) : ?>
						   <h6 class="mb-2 d-flex justify-content-between">
						   	<div class="custom-control custom-checkbox mt-1 ml-1 d-inline">
                                <input type="checkbox" class="custom-control-input" name="check_all_pages" id="check_all_pages" value="">
                                <label class="mb-0 custom-control-label" for="check_all_pages">
						   		<?php echo $this->lang->line('Pages');?></label>					   			
                            </div>
                            <select  class="form-control select2 d-inline ml-4" id="auto_reply_template" name="auto_reply_template">
					   			<?php
					   				echo "<option value='0'>{$this->lang->line('Select Auto Reply Template')}</option>";
					   				foreach($auto_reply_template as $key=>$val)
					   				{
					   					$id=$val['id'];
					   					$group_name=$val['ultrapost_campaign_name'];
					   					echo "<option value='{$id}'>{$group_name}</option>";
					   				}
					   			 ?>
				   			</select>				   		
						   	</h6>
	                       <ul class="list-unstyled list-unstyled-border publish_item_group makeScroll">					                          
						   <?php 
						   foreach($fb_page_info as $key=>$val)
						   {
								$id=$val['id'];
								echo '
								<li class="media px-1 pt-2 pb-1 mx-0 my-1 border-0 publish_item">
	                                <div class="custom-control custom-checkbox mt-1"> 
	                                    <input type="checkbox" class="custom-control-input post_to_pages" name="post_to_pages[]" id="post_to_pages-'.$val['id'].'" value="'.$val['id'].'">
	                                    <label class="mb-3 custom-control-label" for="post_to_pages-'.$val['id'].'"></label>
	                                </div>
		                            <img class="mr-3 rounded-circle mt-1" width="35" src="'.$val['page_profile'].'" alt="avatar">
	                                <label for="post_to_pages-'.$val['id'].'">
		                                 <div class="media-body" >
		                                     <h6 class="page_list_media_title media-title ">'.$val['page_name'].'</h6>
		                                	 <div class="text-small text-muted">'.$val['username'].'</div>
		                                 </div>
	                                </label>
	                            </li>';
							}
							?>
	                        </ul>
                    	<?php endif; ?>

                    	<?php if(!empty($fb_group_info) && $facebook_poster_group != '0' && $this->is_group_posting_exist) : ?>
						    <h6 class="mb-2">
							   	<div class="custom-control custom-checkbox mt-1 ml-1 d-inline">
	                                <input type="checkbox" class="custom-control-input" name="check_all_pages" id="check_all_groups" value="">
	                                <label class="mb-0 custom-control-label" for="check_all_groups">
							   	<?php echo $this->lang->line('Groups');?></label>
	                            </div>						   		
						   	</h6>
	                       <ul class="list-unstyled list-unstyled-border publish_item_group makeScroll">					                          
						   <?php 
						   foreach($fb_group_info as $key=>$val)
						   {
								$id=$val['id'];
								echo '
								<li class="media px-1 pt-2 pb-1 mx-0 my-1 border-0 publish_item">
	                                <div class="custom-control custom-checkbox mt-1"> 
	                                    <input type="checkbox" class="custom-control-input post_to_groups" name="post_to_groups[]" id="post_to_groups-'.$val['id'].'" value="'.$val['id'].'">
	                                    <label class="mb-3 custom-control-label" for="post_to_groups-'.$val['id'].'"></label>
	                                </div>
		                            <img class="mr-3 rounded-circle mt-1" width="35" src="'.$val['group_profile'].'" alt="avatar">
	                                <label for="post_to_groups-'.$val['id'].'">
		                                 <div class="media-body" >
		                                     <h6 class="page_list_media_title media-title ">'.$val['group_name'].'</h6>
		                                	 <div class="text-small text-muted">'.$val['group_id'].'</div>
		                                 </div>
	                                </label>
	                            </li>';
							}
							?>
	                        </ul>
                    	<?php endif; ?>


                    	<?php if(!empty($account_list) && ($this->session->userdata('user_type') == 'Admin' || in_array(296,$this->module_access))) : ?>
	                    	<div id="post_to_instagram">
							   <h6 class="mb-2 d-flex justify-content-between">
								   	<div class="custom-control custom-checkbox mt-1 ml-1 d-inline">
		                                <input type="checkbox" class="custom-control-input" name="check_all_accounts" id="check_all_accounts" value="">
		                                <label class="mb-0 custom-control-label" for="check_all_accounts">
								   	<?php echo $this->lang->line('Instagram');?></label>
		                            </div>
	                                <select  class="form-control select2 d-inline ml-4" id="instagram_reply_template_id" name="instagram_reply_template_id">
	    					   			<?php
	    					   				echo "<option value='0'>{$this->lang->line('Select Auto Reply Template')}</option>";
	    					   				foreach($instagram_reply_template as $key=>$val)
	    					   				{
	    					   					$id=$val['id'];
	    					   					$group_name=$val['auto_reply_campaign_name'];
	    					   					echo "<option value='{$id}'>{$group_name}</option>";
	    					   				}
	    					   			 ?>
	    				   			</select>					   		
							   	</h6>
		                       <ul class="list-unstyled list-unstyled-border publish_item_group makeScroll">					                          
							   <?php 
							   foreach($account_list as $key=>$val)
							   {
									$id=$val['id'];
									echo '
									<li class="media px-1 pt-2 pb-1 mx-0 my-1 border-0 publish_item">
		                                <div class="custom-control custom-checkbox mt-1"> 
		                                    <input type="checkbox" class="custom-control-input post_to_accounts" name="post_to_accounts[]" id="post_to_accounts-'.$val['id'].'" value="'.$val['id'].'">
		                                    <label class="mb-3 custom-control-label" for="post_to_accounts-'.$val['id'].'"></label>
		                                </div>
			                            <img class="mr-3 rounded-circle mt-1" width="35" src="'.$val['page_profile'].'" alt="avatar">
		                                <label for="post_to_accounts-'.$val['id'].'">
			                                 <div class="media-body" >
			                                     <h6 class="page_list_media_title media-title ">'.$val['insta_username'].'</h6>
			                                	 <div class="text-small text-muted">'.$val['page_name'].'</div>
			                                 </div>
		                                </label>
		                            </li>';
							   }
							   ?>
		                       </ul>
		                   </div>
                    	<?php endif; ?>
	                </div>
				</div>
			</div>	
			<div class="col-12 col-sm-6 col-md-6 col-lg-5 colmid">
				<div class="card main_card bg-body">
		          	<div class="card-body px-0 px-md-2 pt-0 pb-2">
		          		<ul class="nav nav-tabs w-100" role="tablist">
		          			
		          			<li class="nav-item">
								<a id="text_post" class="nav-link post_type active" data-toggle="tab" href="#textPost" role="tab" aria-selected="false"><i class="fas fa-file-alt"></i> <?php echo $this->lang->line('Text') ?></a>
							</li>              
							<li class="nav-item">
								<a id="link_post" class="nav-link post_type" data-toggle="tab" href="#linkPost" role="tab" aria-selected="true"><i class="fas fa-link"></i> <?php echo $this->lang->line("Link") ?></a>
							</li>
							<li class="nav-item">
		          				<a id="image_post" class="nav-link post_type" data-toggle="tab" href="#imagePost" role="tab" aria-selected="false"><i class="fas fa-image"></i> <?php echo $this->lang->line("Image/Carousel"); ?></a>
		          			</li>
		          			<li class="nav-item">
		          				<a id="video_post" class="nav-link post_type" data-toggle="tab" href="#videoPost" role="tab" aria-selected="false"><i class="fas fa-video"></i> <?php echo $this->lang->line("Video"); ?></a>
		          			</li>
		          		</ul>
			          	<!-- tab body started -->
			          	<div class="tab-content bg-white" id="post_tab_content">


								<?php include(APPPATH."modules/instagram_poster/views/image_video_post/upload.php");?>
							
								<div class="form-group">
									<label><?php echo $this->lang->line('Campaign Name');?></label>
									<input type="input" class="form-control"  name="campaign_name" id="campaign_name">
								</div>

								<div class="form-group">
									<label><?php echo $this->lang->line('Text'); ?></label>
									<a href="#" data-placement="right"  data-toggle="popover" data-trigger="focus" title="<?php echo $this->lang->line("Text") ?>" data-content="<?php echo $this->lang->line("support Spintax"); ?>, Spintax example : {Hello|Howdy|Hola} to you, {Mr.|Mrs.|Ms.} {{Jason|Malina|Sara}|Williams|Davis}"><i class='fa fa-info-circle'></i> </a>
									<textarea class="form-control" name="message" id="message" placeholder="<?php echo $this->lang->line('Type your message here...');?>"></textarea>
								</div>

								<div id="link_block">
									<div class="form-group">
										<label><?php echo $this->lang->line('Paste link');?></label>
										<input class="form-control" name="link" id="link"  type="text">
									</div>

									<div class="form-group hidden">
										<label><?php echo $this->lang->line('Link caption');?></label>
										<input class="form-control" name="link_caption" id="link_caption" type="text">
									</div>
									<div class="form-group hidden">
										<label><?php echo $this->lang->line('Link description');?></label>
										<textarea class="form-control" name="link_description" id="link_description"></textarea>
									</div>
								</div>


								<div class="row">
									<div class="col-12">
										<div class="form-group">
											<label><?php echo $this->lang->line("Posting Time") ?>
												<a href="#" data-placement="top" data-toggle="popover" data-trigger="focus" title="<?php echo $this->lang->line("Posting Time") ?>" data-content="<?php echo $this->lang->line("If you schedule a campaign, system will automatically process this campaign at mentioned time and time zone. Schduled campaign may take upto 1 hour longer than your schedule time depending on server's processing.") ?>"><i class='fa fa-info-circle'></i> </a>
											</label><br>
										  	<label class="custom-switch mt-2">
												<input type="checkbox" name="schedule_type" value="now" id="schedule_type" class="custom-switch-input" checked>
												<span class="custom-switch-indicator"></span>
												<span class="custom-switch-description"><?php echo $this->lang->line('Post Now');?></span>
										  	</label>
										</div>
									</div>
								</div>


								<div class="row">
									<div class="schedule_block_item col-12 col-md-6">
										<div class="form-group">
											<label><?php echo $this->lang->line('Schedule time'); ?></label>
											<input placeholder="Time"  name="schedule_time" id="schedule_time" class="form-control datepicker_x" type="text"/>
										</div>
									</div>

									<div class="schedule_block_item col-12 col-md-6">
										<div class="form-group">
											<label><?php echo $this->lang->line('Time zone'); ?></label>
											<?php
											$time_zone[''] =$this->lang->line('Please Select');
											echo form_dropdown('time_zone',$time_zone,$this->config->item('time_zone'),' class="form-control select2 w-100" id="time_zone" required');
											?>
										</div>
									</div>

									<div class=" schedule_block_item col-12 col-md-6">
										<div class="input-group">
										  	<label class="input-group-addon"><?php echo $this->lang->line('repost this post'); ?></label>
										  	<div class="input-group">
					                          	<input type="number" class="form-control" name="repeat_times" id="repeat_times" aria-describedby="basic-addon2">
					                          	<div class="input-group-prepend">
						                            <div class="input-group-text"><?php echo $this->lang->line('Times'); ?></div>
					                          	</div>
				                        	</div>
										</div>
									  	
									</div>
									<div class="col-12 col-md-6">
										<div class="schedule_block_item">
											<div class="form-group">
												<label><?php echo $this->lang->line('time interval'); ?></label>
												<?php
													$time_interval[''] = $this->lang->line('Please Select Periodic Time Schedule');
													echo form_dropdown('time_interval',$time_interval,set_value('time_interval'),' class="form-control select2 w-100" id="time_interval" required');
												?>
											</div>
										</div>
									</div>
								</div>
								
								<div class="clearfix"></div>

								<div class="card-footer padding-0">
									<input type="hidden" name="submit_post_hidden" id="submit_post_hidden" value="text_submit">
									<button class="btn btn-lg btn-primary" submit_type="text_submit" id="submit_post" name="submit_post" type="button"><i class="fas fa-paper-plane"></i> <?php echo $this->lang->line("Submit") ?> </button>
									<!-- <a class="btn btn-lg btn-light float-right d_none" onclick='goBack("instagram_poster/image_video",0)'><i class="fas fa-times"></i> <?php echo $this->lang->line("Cancel") ?> </a> -->
								</div>
						</div>
			        </div>
	          	</div>          
	        </div>
			<?php include(APPPATH."modules/instagram_poster/views/image_video_post/preview.php");?>
		</div>
	</div>
</section>
</form>
<script type="text/javascript">
	"use strict";
	var instragram_post_image_upload_limit = "<?php echo isset($image_upload_limit)?$image_upload_limit:1; ?>";
    var instragram_post_video_upload_limit = "<?php echo isset($video_upload_limit)?$video_upload_limit:100; ?>";
    var ximage_url = [];
    var all_image_url = [<?php echo '"'.implode('","', $all_image_url).'"' ?>];
    var all_video_url = [<?php echo '"'.implode('","', $all_video_url).'"' ?>];
</script>
<?php include(APPPATH."modules/instagram_poster/views/image_video_post/image_editor.php");?>
<script src="<?php echo base_url('assets/js/system/instagram/posting_common.js');?>"></script>
<script src="<?php echo base_url('assets/js/system/instagram/posting_add.js');?>"></script>
<?php include(APPPATH."modules/instagram_poster/views/image_video_post/upload_requirement.php");?>