<?php $__env->startSection('content'); ?>
  <!-- Fixed top -->
  <!-- /fixed top -->
<style>
.imageBox
{
    position: relative;
    height: 250px;
    width: 250px;
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
.imageBox .thumbBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
#photoimg 
{
  display: none;
}
 #dragandrophandler
{
  border:2px dotted #0B85A1;
  width:400px;
  color:#92AAB0;
  text-align:left;vertical-align:middle;
  padding:10px 10px 10 10px;
  margin-bottom:10px;
  font-size:200%;
}
.progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar
{
    border-top:1px solid #A9CCD1;
    min-height:25px;
    width:700px;
    padding:10px 10px 0px 10px;
    vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#EBEFF0;
}
.filename
{
display:inline-block;
vertical-align:top;
width:250px;
}
.filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }
#add_user 
{
width:700px;
}
.uploadimagetext
{
    font-size: 19px;
    display: inline;
    position: absolute;
    bottom: 513px;
    left: 19px;
}
.imgupload, #dragandrophandler , .imgcropwrap
{
    display: inline;
    float: left;
}
#dragandrophandler {
    height: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 80px;
    cursor: pointer;
}
.add_student_left, .add_student_right 
{
    display: inline;
    float: left;
}
              </style>
        <!-- Content wrapper -->
        <div class="wrapper">
        <h5 class="widget-name"><i class="icon-th"></i>Users</h5>
                 <div class="depth"><a href="#add_user" title="" class="tip add_user_open" data-original-title="Add new user"><i class="icon-plus"></i></a></div> Add New User
                 <div id='add_user' style='display:none'>          
                            <div class="span6">
<div class='user_image_uplad_wrap'>
                      <form id='add_image' method="post" enctype="multipart/form-data" action='ajax/Insert_Photo' >     
                      <div id='imgprw'> 
                      </div>  
<div class="container imgcropwrap" style='display:none'>
    <div class="imageBox">
        <div class="thumbBox"></div>
        <div class="spinner" style="display: none">Loading...</div>
    </div>
     <div class="cropped">
    </div>
    <div class="action">
       <!--  <input type="file" id="file" style="float:left; width: 250px"> -->
        <input type="button" id="btnZoomIn" value="+" >
        <input type="button" id="btnZoomOut" value="-" >
        <input type="button"  class="btn btn-success"id="btnCrop" value="Select Image" >
    </div>
     <br>
</div>
                   <div class='imgupload'>
                   <img class='ins_user_img' src='assets/images/user.png' alt='usersiluete'> 
                      <br>
                    <input type="file" name="photoimg" id="photoimg" /> 
                     <!--  <div class='uploadimagetext'> Click to Add Image</div> -->
                       <div class="progress progress-striped progress-info active">
                 <div class="bar"></div >
                 <!-- <div class="percent">0%</div > -->
                    </div>
                    </div>
<div id="dragandrophandler">Click  Or <br> Drag & Drop File Here<br>to upload image</div>
<br><br>
<div id="status1"></div>
               <div style="clear:both"></div>
                    </form>
                       </div>
                    <!-- Default form -->
                      <form>
                       <input type='hidden' value='' class='image_name1'>
                        <div class="widget" style='width:700px'>
                              <div class="navbar"><div class="navbar-inner"><h6>Add User Info</h6></div></div>
                              <div class="well">
                                <div class='left'>
                                  <div class="control-group">
                                      <label class="control-label">User info:</label>
                                      <div class="errors">
                                      </div>
                                      <div class="controls"><input type="text" name="firstname" class="span12 insfirstname"  placeholder="Firstname"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="lastname" class="span12 inslastname" placeholder="Lastname"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="username" class="span12 insusername"  placeholder ="Username"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="email" class="span12 insemail" placeholder="Email"></div>
                                  </div>
                                     <div class="controls">


                                             <select multiple="multiple" class="multiple insposition" title="Click to Select a City" name="position">


                                                  <option>School Administrator</option>
                                                  <option>Student</option>      
                                                  <option>Tutor</option>
                                                  
                                               </select>
                                      </div>
                                  </div>
                                    <div class='additional_fields'>    
                                       <label class="control-label">Additional Info:</label>
                                    <!--Add Student Fields -->     
                                  <div class="add_student" style='display:none'>
                                              <div class='add_student_left'>
                                              <div class="control-group">
                                        <div class="controls"><input type="text" name="grade" class="span12 insgrade" placeholder="Grade"></div>
                                    </div>
<!-- 
                                    <div class="control-group">
                                      <div class="controls"><input type="date" name="birthdate" class="span12 insbirthdate" placeholder="birthdate"></div>
                                  </div> -->
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="address" class="span12 insaddress"  placeholder ="Address"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="city" class="span12 inscity" placeholder="City"></div>
                                  </div>
                                    <div class="control-group">
                                        <div class="controls"><input type="text" name="state" class="span12 insstate" placeholder="State"></div>
                                    </div>
                                     <div class="control-group">
                                        <div class="controls"><input type="text" name="zipcode" class="span12 inszipcode" placeholder="Zipcode"></div>
                                    </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="country" class="span12 inscountry" placeholder="Country"></div>
                                  </div>
                                    </div>
                                        <div class='add_student_right'>
                                        <div class="control-group">
                                        <div class="controls"><input type="text" name="parent_email" class="span12 insparentemail" placeholder="Parent email">
                                      </div>
                                        </div>
                                        <div class="control-group">
                                        <div class="controls"><input type="text" name="parent_name" class="span12 insparentname" placeholder="Parent name">
                                        </div>
                                       </div>
                                              <div class="control-group">
                                        <div class="controls"><input type="text" name="phone" class="span12 insphone" placeholder="Phone"></div>
                                    </div>
                                                 <div class="control-group">

                                        <select name="select_school_student" class="span3 s_select_school">
                                           <option value="" disabled selected>Select School</option>
                                      <?php

                                      foreach ($all_locations as $location) 
                                      {
                                        ?>
                                          <option value='<?php echo $location['name']?>'> <?php echo $location['name'] ?></option>
                                        <?php
                                      }
                                          ?>
                                        </select>
                                    </div>
                                      </div>
                                    </div>
                                    <!-- End Add Student Fields -->
                                    <!-- add tutor fields -->
                                  <div class="add_tutor" style='display:none'>
                                    <div class="control-group">
                                      <div class="controls"><input type="text" name="location" class="span12 inslocation" placeholder="Location"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="university" class="span12 insuniversity"  placeholder ="University"></div>
                                  </div>
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="subject" class="span12 inssubject" placeholder="Subject"></div>
                                  </div>
                                  <!--
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="country" class="span12 inscountry" placeholder="country"></div>
                                  </div>
                                    -->
                                  </div>
                                   <!--end add tutor fields -->
                                    <div class="add_schooladmin" style='display:none'>
                                       <div class="control-group">
                                    

                                        <select name="select_school_admin" class="span3 admin_select_school">
                                           <option value="" disabled selected>Select School</option>
                                      <?php

                                      foreach ($all_locations as $location) 
                                      {
                                        ?>
                                          <option value='<?php echo $location['name']?>'> <?php echo $location['name'] ?></option>
                                        <?php
                                      }
                                          ?>
                                        </select>
                              </div>
                                    </div>
                                   </div>
                                  <div class="form-actions align-right">
                                    <input type='hidden' class='user_id' value=''>
                                  </div>
                              </div>
                          </div>
                      </form>
                      <!-- /default form -->
                  </div>
                     <a class="btn btn-primary sbmt_insert_user" href="JavaScript:void(0)">Add User</a>
                          </div>
                <!-- Media datatable -->
                <div class="widget">
                  <div class="navbar">
                      <div class="navbar-inner">
                          <h6>Users</h6>
                            <div class="nav pull-right">
                                <a href="#" class="dropdown-toggle navbar-icon" data-toggle="dropdown"><i class="icon-cog"></i></a>
                                <ul class="dropdown-menu pull-right">
                                    <li><a href="#"><i class="icon-plus"></i>Add new option</a></li>
                                    <li><a href="#"><i class="icon-reorder"></i>View statement</a></li>
                                    <li><a href="#"><i class="icon-cogs"></i>Parameters</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="table-overflow">
                      <?php 
//var_dump($all_users);?>
                        <table class="table table-striped table-bordered all-users-table">
                            <thead>
                                <tr>
                                  <th style='width:5%'></th>
                                    <th style='width:12%'>Firstname  <input type='text' name='search_first_name' class='search_first_name' placeholder='Search Firstname'> </th>
                                    <th style='width:12%'>Lastname   <input type='text' name='search_last_name' class='search_last_name' placeholder='Search Lastname'> </th>
                                    <th style='width:12%'>Position
                                     
                                          <?php 

                                             

                                                 if ( !empty($_GET['position']) ) {

                                                    $search_position = urldecode($_GET['position']);

                                               
                                                 
                                                 }

                                              ?>



                                     <select class='search_position'> 

                                     <option>Search By Position</option> 

                                     <option <?php if ($search_position=='Tutor') echo 'selected'?>>Tutor</option>

                                     <option <?php if ($search_position=='Student') echo 'selected' ?>>Student</option>

                                     <option <?php if ($search_position=='School Administrator') echo 'selected' ?>>School Administrator</option>

                                     </select></th>
                                     <th style='width:20%'>Details</th>
                                     <th style='width:5%'></th>
                                    <th style='width:5%'></th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach($users as $user): ?>
							<tr>


                            <?php 

	                            if(!empty($user->photoURL)) {
	                              $user_image =  $user->photoURL;
	                            }
	                            else 
	                            {
	                            	$user_image = "user.png";
	                            }

                            ?>
                           

                            <td class='table_user_image'> <img src="../assets/images/users/<?php echo $user_image ?>" </td>
                            <td class='first_name'>
                            <?php echo ucfirst($user['first_name']) ?></td>
                            <td class='last_name'><?php echo ucfirst($user['last_name']) ?></td>
                            <td class='position'><?php 
                           if ($user['ID_type_user']== 2){
                            echo 'Tutor';
                           }
                            if ($user['ID_type_user']== 4){
                            echo 'Student';
                           }
                            if ($user['ID_type_user']== 7){
                            echo 'School Administrator';
                           }
                            ?></td>
                            <td class='details'>
                                  <?php 

                                  if($user['positions']=='Tutor')
                                  {
                                  ?>
                                 <?php echo $user['location']; ?> <br>
                                 <?php echo $user['university']; ?> <br>
                                 <?php echo $user['subject']; ?> <br>
                                 <?php

                                  }
                                 if($user['positions']=='Student')

                                 {
                                   ?>
                                 <?php echo $user['location']; ?> <br>
                                 <?php echo $user['university']; ?> <br>
                                 <?php echo $user['subject']; ?> <br>
                                 <?php
                                 }
                                           ?>
                          </td>
                              <?php 

                              if( !empty($user['user_id']) ){
                                 $user_id = $user['user_id'];
                              }

                              if( !empty($user['t_id']) ){
                                 $user_id = $user['t_id'];
                              }

                             if( !empty($user['s_id']) ){
                                     $user_id = $user['s_id'];
                              }
                            ?>
                     <td> <a href="#edit_user" class="tip edit_user_open" title="" data-original-title="Edit entry"><i class="fam-pencil edit_user" data-id="<?php echo $user_id?>" data-position="<?php  
                        
                         if ( $user['ID_type_user']== 2 ){
                            $user_pos =  'Tutor';
                           }

                         if ( $user['ID_type_user']== 4 ){
                            $user_pos =  'Student';
                           }

                         if ( $user['ID_type_user']== 7 ){
                            $user_pos = 'School Administrator';
                          }   

                         echo $user_pos;


                           ?>"></i></a></td>
                   <td> <a href="javascript:void(0)" class="tip" title="" data-original-title="Remove entry"><i class="fam-cross remove_user"  data-id="<?php echo $user_id?>"
                       data-position="<?php  

                       echo $user_pos;


                           ?>"></i></a></td>
                            </tr><?php
                         }?>
                            </tbody>
                        </table>
                        <div class='pagination1'>
                        <?php  
                        $users_num = intval($results_count);
                        $i = 0;
                        $pages = ceil($users_num/10);
                         $appendParam ='';
                        if( isset($_GET['position']) )
                        {
                            $appendParam = "position=".$_GET['position']."&";
                        }
                        for($i;$pages>$i;$i++)
                        {
                             ?><a href='administration/Manage_Users?<?php echo $appendParam?>page=<?php echo $i+1?>'><?php echo $i+1?> </a><?php
                        }
                        ?>
                        </div>
                            <!--Edit User Box -->
                            <div id='edit_user' class='update_user_win' style='display:none'>
                            <div class="span6">
                    <!-- Default form -->
                        <div class="widget">
                              <div class="navbar"><div class="navbar-inner"><h6>Edit Form</h6></div></div>
                              <div class='user_image'>
                               <img src='' alt='userimage' class='usrimg'> 
                                 <input type='hidden' value='' class='image_name2'>
                              </div>
                      <form id='add_image2' method="post" enctype="multipart/form-data" action='ajax/Insert_Photo'>         
                     <div id='imgprw2'>
                      </div>
                      <a href='JavaScript:void(0)' class='edit_photo'> Change Photo</a>
                  <input type="file" name="photoimg" id="photoimg" class='uploadbutton' style='display: none'/>
                    </form>
                                                            <form id='updateForm'>
                                <div class="well">
                                 <h3 class='usr_pos'></h3>      
                                    <div class="control-group">
                                           <div class="controls">
                                                 <select multiple="multiple" class="multiple insposition2" title="Click to Select a City" name="position">
                                                    <option>School Administrator</option>
                                                    <option>Student</option>      
                                                    <option>Tutor</option>
                                                   
                                                 </select>
                                        </div>
                                        </div>
                                <div class='updateleft'>
                                    <div class="control-group">
                                        <label class="control-label">User info:</label>
                                        <input type='hidden' class='update_user_id'>
                                        <input type='hidden' class='user_position'>
                                         First Name:
                                        <div class="controls"><input type="text" name="firstname" class="span12 firstname2"  placeholder="Firstname"></div>
                                    </div>
                                    
                                     <div class="control-group">
                                       Last Name: 
                                        <div class="controls"><input type="text" name="lastname" class="span12 lastname2" placeholder="Lastname"></div>
                                        
                                    </div>

                                    <div class="control-group">
                                      
                                         User Name: 
                                        <div class="controls"><input type="text" name="username" class="span12 username2" placeholder="Lastname"></div>
                                    </div>
                                    </div>
                                         <!--Add Student Fields -->     
                                    <div class="add_student" style='display:none;'>
                                        <div class='updateright'>
                                      <!-- <div class="control-group">
                                      BirthDate:
                                        <div class="controls"><input type="date" name="birthdate" class="span12 insbirthdate2" placeholder="birthdate"></div>
                                    </div> -->
                                        <div class="control-group">
                                       Grade:
                                        <div class="controls"><input type="text" name="grade" class="span12 insgrade2" placeholder="Grade"></div>
                                    </div>
                                     <div class="control-group">
                                        Address:
                                        <div class="controls"><input type="text" name="address" class="span12 insaddress2"  placeholder ="Address"></div>
                                    </div>
                                     <div class="control-group">
                                       City:
                                        <div class="controls"><input type="text" name="city" class="span12 inscity2" placeholder="City"></div>
                                    </div>
                                      <div class="control-group">
                                       State:
                                        <div class="controls"><input type="text" name="state" class="span12 insstate2" placeholder="State"></div>
                                    </div>
                                      <div class="control-group">
                                       State:
                                        <div class="controls"><input type="text" name="zip_cide" class="span12 inszipcode2" placeholder="Zip code"></div>
                                    </div>
                                     <div class="control-group">
                                        Country:
                                        <div class="controls"><input type="text" name="country" class="span12 inscountry2" placeholder="Country"></div>
                                    </div>
                                     <div class="control-group">
                                        Parent Email:
                                        <div class="controls"><input type="text" name="parent_email" class="span12 insparentemail2"  placeholder ="Parent email"></div>
                                    </div>
                                         <div class="control-group">
                                        Parent Name:
                                        <div class="controls"><input type="text" name="parent_name" class="span12 insparentname2"  placeholder ="Parent name"></div>
                                    </div>
                                     <div class="control-group">
                                       Phone:
                                        <div class="controls"><input type="text" name="phone" class="span12 insphone2" placeholder="Phone"></div>
                                    </div>
                                      <div class="control-group">
                                          <select name="select_school_student" class="span3 s_select_school2">
                                           <option value="" disabled selected>Select School</option>
                                      <?php

                                      foreach ( $all_locations as $location ) 
                                      {
                                        ?>
                                          <option value='<?php echo $location['name']?>'> <?php echo $location['name'] ?></option>
                                        <?php
                                      }
                                          ?>
                                        </select>
                                    </div>
                                    <!--   <div class="control-group">
                                       <h5> Add to Group</h5>
                                        <select name="select_group" class="span3 select_group">
                                        </select>
                                      </div> -->
                                     </div>
                                   </div>
                                    <!-- End Add Student Fields -->
                                    <!-- add tutor fields -->
                                  <div class="add_tutor" style='display:none'>
                                    <div class="control-group">
                                        Location:
                                      <div class="controls"><input type="text" name="inslocation2" class="span12 inslocation2" placeholder="Location"></div>
                                  </div>
                                   <div class="control-group">
                                        University:
                                      <div class="controls"><input type="text" name="insuniversity2" class="span12 insuniversity2"  placeholder ="University"></div>
                                  </div>
                                   <div class="control-group">
                                        Subject:
                                      <div class="controls"><input type="text" name="inssubject2" class="span12 inssubject2" placeholder="Subject"></div>
                                  </div>
                                  <!--
                                   <div class="control-group">
                                      <div class="controls"><input type="text" name="country" class="span12 inscountry" placeholder="country"></div>
                                  </div>
                                    -->
                                  </div>
                                  <div class='add_schooladmin'>
                                  <div class="control-group">
                                  	
                                        <select name="select_school_student" class="span3 sa_select_school2">
                                           <option value="" disabled selected>Select School</option>
                                      <?php

                                      foreach ( $all_locations as $location ) 
                                      {
                                        ?>
                                          <option value='<?php echo $location['name']?>'> <?php echo $location['name'] ?></option>
                                        <?php
                                      }
                                          ?>
                                        </select>
                                       </div>

                                  </div>
                                   <!--end add tutor fields -->
                                  <div class="form-actions align-right">
                                    <input type='hidden' class='user_id' value=''>
                                  </div>
                              </div>
                          </div>
                           </div>
                      </form>
                         <button type="submit" class="btn btn-primary sbmt_update" data-id>Update</button>
                         <div class='update_message'>
                         </div>
                  </div>
                            </div>
                    </div>
                </div>
                <!-- /media datatable -->
        </div>
        <!-- /content wrapper -->
    </div>
    <!-- /content -->
  </div>
  <!-- /content container -->
  <!-- Footer -->
  <div id="footer">
  
    <ul class="footer-links">
      <li><a href="" title=""><i class="icon-cogs"></i>Contact admin</a></li>
      <li><a href="" title=""><i class="icon-screenshot"></i>Report bug</a></li>
    </ul>
  </div>
  <!-- /footer -->  
  <script type="text/javascript" src="assets/js/plugins/forms/cropbox-min.js"></script>
  <script type="text/javascript">
/*
    $(window).load(function() {
        var options =
        {
            thumbBox: '.thumbBox',
            spinner: '.spinner',
            imgSrc: 'avatar.png'
        }
        var cropper;
        $('#file').on('change', function(){
            var reader = new FileReader();
            reader.onload = function(e) {
                options.imgSrc = e.target.result;
                cropper = $('.imageBox').cropbox(options);
            }
            reader.readAsDataURL(this.files[0]);
            this.files = [];
        })
        $('#btnCrop').on('click', function(){
            var img = cropper.getAvatar()
           $('.cropped').append('<img src="'+img+'">');
           $('.imageBox').hide()
           $('.image_name1').val(img)
        })
        $('#btnZoomIn').on('click', function(){
            cropper.zoomIn();
        })
        $('#btnZoomOut').on('click', function(){
            cropper.zoomOut();
        })
    });*/
  /*Drag And Drop */
  function sendFileToServer(formData,status)
{
    var uploadURL ="http://hayageek.com/examples/jquery/drag-drop-file-upload/upload.php"; //Upload URL
    var extraData ={}; //Extra Data.
    var jqXHR=$.ajax({
        xhr: function() {
        var xhrobj = $.ajaxSettings.xhr();
        if (xhrobj.upload) {
            xhrobj.upload.addEventListener('progress', function(event) {
                var percent = 0;
                var position = event.loaded || event.position;
                var total = event.total;
                if (event.lengthComputable) {
                    percent = Math.ceil(position / total * 100);
                }
                //Set progress
                status.setProgress(percent);
            }, false);
        }
        return xhrobj;
    },
    url: uploadURL,
    type: "POST",
    contentType:false,
    processData: false,
        cache: false,
        data: formData,
        success: function(data){
            status.setProgress(100);
            $("#status1").append("File upload Done<br>");         
        }
    }); 
    status.setAbort(jqXHR);
}
var rowCount=0;
function createStatusbar(obj)
{
     rowCount++;
     var row="odd";
     if(rowCount %2 ==0) row ="even";
     this.statusbar = $("<div class='statusbar "+row+"'></div>");
     this.filename = $("<div class='filename'></div>").appendTo(this.statusbar);
     this.size = $("<div class='filesize'></div>").appendTo(this.statusbar);
     this.progressBar = $("<div class='progressBar'><div></div></div>").appendTo(this.statusbar);
     this.abort = $("<div class='abort'>Abort</div>").appendTo(this.statusbar);
     obj.after(this.statusbar);
    this.setFileNameSize = function(name,size)
    {
        var sizeStr="";
        var sizeKB = size/1024;
        if(parseInt(sizeKB) > 1024)
        {
            var sizeMB = sizeKB/1024;
            sizeStr = sizeMB.toFixed(2)+" MB";
        }
        else
        {
            sizeStr = sizeKB.toFixed(2)+" KB";
        }
        this.filename.html(name);
        this.size.html(sizeStr);
    }
    this.setProgress = function(progress)
    {       
        var progressBarWidth =progress*this.progressBar.width()/ 100;  
        this.progressBar.find('div').animate({ width: progressBarWidth }, 10).html(progress + "% ");
        if(parseInt(progress) >= 100)
        {
            this.abort.hide();
        }
    }
    this.setAbort = function(jqxhr)
    {
        var sb = this.statusbar;
        this.abort.click(function()
        {
            jqxhr.abort();
            sb.hide();
        });
    }
}
function handleFileUpload(files,obj)
{
   for (var i = 0; i < files.length; i++) 
   {
        var fd = new FormData();
       /* fd.append('file', files[i]);*/
      //  var status = new createStatusbar(obj); //Using this we can set progress.
     //   status.setFileNameSize(files[i].name,files[i].size);
    //    sendFileToServer(fd,status);
     //   this.files = [];
   }
}
// upload image file ///
    $(window).load(function() {
     $('#dragandrophandler').on('click', function()
     {
      $('#photoimg').click()
     })
        var options =
        {
            thumbBox: '.thumbBox',
            spinner: '.spinner',
            imgSrc: 'avatar.png'
        }
        var cropper;
        $(document).on('change', '#photoimg',function()
        {
        var reader = new FileReader();
         reader.onload = function(e)  {
          options.imgSrc = e.target.result;
            cropper = $('.imageBox').cropbox(options);
           }
           $('.ins_user_img').hide()  
           $('.imgcropwrap').show()
           $('.cropped').show()
        reader.readAsDataURL(this.files[0]);
        this.files = [];
        })
     $('#file').on('change', function(){
           var reader = new FileReader();
           reader.onload = function(e) {
           options.imgSrc = e.target.result;
           cropper = $('.imageBox').cropbox(options);
           }
           $('.imageBox').show()
           $('.cropped').hide()
        reader.readAsDataURL(this.files[0]);
        this.files = [];
        })
        $('#btnCrop').on('click', function(){
           var img = cropper.getAvatar()
           $('.cropped').html('<img src="'+img+'">');
           $('.imageBox').hide()
           $('.cropped').show()
           $('.image_name1').val(img)
        })
        $('#btnZoomIn').on('click', function(){
           cropper.zoomIn();
        })
        $('#btnZoomOut').on('click', function(){
           cropper.zoomOut();
        })
      var obj = $("#dragandrophandler");
obj.on('dragenter', function (e) 
{
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', '2px solid #0B85A1');
});
obj.on('dragover', function (e) 
{
     e.stopPropagation();
     e.preventDefault();
});
obj.on('drop', function (e) 
{
     $(this).css('border', '2px dotted #0B85A1');
     e.preventDefault();
     var files = e.originalEvent.dataTransfer.files;
     //We need to send dropped files to Server
    // handleFileUpload(files,obj);
         var reader = new FileReader();
         reader.onload = function(e) 
         {
                options.imgSrc = e.target.result;
                cropper = $('.imageBox').cropbox(options);
           }
        $('.ins_user_img').hide()  
        $('.imgcropwrap').show()
        reader.readAsDataURL(files[0]);
});
$(document).on('dragenter', function (e) 
{
    e.stopPropagation();
    e.preventDefault();
});
$(document).on('dragover', function (e) 
{
  e.stopPropagation();
  e.preventDefault();
  obj.css('border', '2px dotted #0B85A1');
});
$(document).on('drop', function (e) 
{
    e.stopPropagation();
    e.preventDefault();
});
    });
</script>
</body>
</html>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('cms.administration', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>