<?php $this->load->view('security'); ?>
<?php $this->load->view('header'); ?>
<!-- sidebar menu -->
<?php $this->load->view('left_bar'); ?>

<!-- page content -->

<div class="right_col" role="main">
  <div class="">
    <div class="clearfix"></div>
    <div class="row">
      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel tile fixed_height_320 overflow_hidden" style="display:none;">
          <div class="x_title">
            <h2>N-JOB-N Activity Graph</h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> </li>
              <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Settings 1</a> </li>
                  <li><a href="#">Settings 2</a> </li>
                </ul>
              </li>
              <li><a class="close-link"><i class="fa fa-close"></i></a> </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <table class="" style="width:100%">
              <tr>
                <th style="width:37%;"> <p></p>
                </th>
                <th> <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                    <p class=""></p>
                  </div>
                  <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                    <p class=""></p>
                  </div>
                </th>
              </tr>
              <tr>
                <td><canvas id="canvas1" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas></td>
                <td><table class="tile_info">
                    <tr>
                      <td><p><i class="fa fa-square blue"></i>Total Jobs</p></td>
                      <td>30%</td>
                    </tr>
                    <tr>
                      <td><p><i class="fa fa-square green"></i>Active Jobs</p></td>
                      <td>10%</td>
                    </tr>
                    <tr>
                      <td><p><i class="fa fa-square purple"></i>Short Listed Jobs</p></td>
                      <td>20%</td>
                    </tr>
                    <tr>
                      <td><p><i class="fa fa-square aero"></i>Total Candidate's</p></td>
                      <td>15%</td>
                    </tr>
                    <tr>
                      <td><p><i class="fa fa-square red"></i>Total Recruiter's</p></td>
                      <td>30%</td>
                    </tr>
                  </table></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <h2>Upload CV</h2>
            <div class="clearfix"></div>
          </div>
          <?php  echo validation_errors(); ?>
          <div class="x_content"> <br />
            <form id="demo-form2" class="form-horizontal form-label-left" action="<?php base_url();?>uploamutiplecv" method="post" name="form1" onSubmit="return upload_cvs()" enctype="multipart/form-data">
              <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12"><?php echo $this->session->flashdata('feedback');?></label>
              </div>
              <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Folder Name* </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                  <input type="text"  name="foldername" id="foldername" placeholder="Enter Folder Name"  class="form-control col-md-7 col-xs-12">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="image">Select Multiple Files(Suitable files are .doc, .docx, .pdf, .rtf and .txt.)* </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                  <input type="file" class="form-control" style="padding: 0;" id="file" name="userFiles[]" multiple />
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="image"></label>
                <div class="col-md-6 col-sm-6 col-xs-12"> <a style="color: red;" data-target="#myModal" data-toggle="modal" class="MainNavText" id="MainNavHelp" href="#myModal">Read import guide?</a> </div>
              </div>
			  
			  <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Industry sectors*</label>
 <div class="col-md-6 col-sm-6 col-xs-12">
<!--<link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/style.css">-->
  <link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/prism.css">
  <link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/chosen.css">
 <select name="skills[]" data-placeholder="Choose Industry sectors..." class="chosen-select" multiple="multiple" style="width:525px;"  id="skills" >
            <option value=""></option>
			 <?php
  $sel_industeries=mysql_query("select * from skills");
  while($fethch_induteries=mysql_fetch_array($sel_industeries))
	{
	?>
            <option value="<?php echo $fethch_induteries['skill_id'];?>"><?php echo $fethch_induteries['skill_name'];?></option>
     <?php }?>
          
          </select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="<?php echo base_url();?>assets/docsupport/chosen.jquery.js" type="text/javascript"></script>
  <script src="<?php echo base_url();?>assets/docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>

                      </div>
                      </div>
              
              
              <div class="ln_solid"></div>
              <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                  <button type="submit" class="btn btn-success">Upload CV</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- The Modal -->
              <div id="myModal" class="modal"> 
                
                <!-- Modal content -->
                <div class="modal-content"> <img src="../assets/images/cancel.png" style="float: right !important; cursor: pointer"  data-dismiss="modal"></img><br/>
                  <p style="font-weight:bold;">1. Input a folder name without any spaces for eg. WebDeveloperCVs</p>
                  <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\foldername.PNG"></br></br>
                  <p style="font-weight:bold;">2. Select "Choose Files" button</p>
                  <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\choosefilename.PNG"></br></br>
                  <p style="font-weight:bold;">3. Naviagte to folder where all files are placed</p>
                  <img style="margin-left: 20%; color:black; padding:1px; border:1px solid #021a40;"  src="<?php echo base_url()?>assets\img\import-guide\foldernavigate.PNG"></br></br>
                  <p style="font-weight:bold;">4. Either select all files using CTRL + A</p>
                 <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\selectall.PNG"></br></br>
                  <p style="font-weight:bold;">5. Or select individual files by holding the CTRL key and clicking on each file</p>
                 <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\individualselect.PNG"></br></br>
                  <p style="font-weight:bold;">6. Press "Open"</p>
                  <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\open.PNG"></br></br>
                  <p style="font-weight:bold;">7. Press "Submit" button to upload all files</p>
                 <img style="margin-left: 30%; color:black; padding:1px; border:1px solid #021a40;" src="<?php echo base_url()?>assets\img\import-guide\upload.PNG"></br></br>
                </div>
              </div>
              <script>
// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById("MainNavHelp");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {
    modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>
</div>
<!-- /page content --> 

<!-- footer content -->
<?php $this->load->view('footer'); ?>
