<?php if ( ! defined('ABSPATH')) exit; ?>
  	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jasny.bootstrap/extend/js/jasny-bootstrap.min.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.sparkline/jquery.sparkline.min.js"></script>
	<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.easypiechart/jquery.easy-pie-chart.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.niftymodals/js/jquery.modalEffects.js"></script>   
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.crop/js/jquery.Jcrop.js"></script>

  <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
  <script src="<?php echo HOME_URI;?>views/_js/jquery.upload/js/jquery.iframe-transport.js"></script>
  <!-- The basic File Upload plugin -->
  <script src="<?php echo HOME_URI;?>views/_js/jquery.upload/js/jquery.fileupload.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
      //initialize the javascript
      
      $(".spk4").sparkline([2,4,3,6,7,5,8,9,4,2,10,], { type: 'bar', width: '200px', barWidth: 6, height: '50px',barColor: '#19B698'});
      $(".spk5").sparkline([5,3,5,6,5,7,4,8,6,9,8,], { type: 'bar', width: '80px', barWidth: 6, height: '50px',barColor: '#E85647'});
      
      //Profile Image Upload
        'use strict';
      // Change this to the location of your server-side upload handler:
      var url =  '<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/';
      var jcrop;
      var timg;
      
      $('#fileupload').fileupload({
          url: url,
          dataType: 'json',
          done: function (e, data) {
              $.each(data.result.files, function (index, file) {
                  timg = file.name;
                  var jhon = '<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/files/' + file.name;
                  $(".profile-avatar").attr("src",'<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/files/' + file.name);
                  //alert(file.name);
                  $(".crop-image").html('<img src="<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/files/' + file.name + '" />');
                  $('#progress').fadeOut();
                  
                  //Crop Image
                  $(".crop-image img").Jcrop({
                    aspectRatio: 1
                  },function(){
                    jcrop = this;
                  });
                  
                  var url_data = "<?php echo HOME_URI; ?>/profile/fotoperfil/"
              $.post( url_data,{id_user:'<?php echo chk_array($modelo->form_data, 'user_id'); ?>' , img_name:file.name}, function( data ) {
                  //insere alguma ação para alterar a foto
                  //alert(data);
                });
                  
              });
              
              
              
              
            //  $("#crop-image").niftyModal();
          },
          progressall: function (e, data) {
              var progress = parseInt(data.loaded / data.total * 100, 10);
              $('#progress').fadeIn();
              $('#progress').css(
                  'width',
                  progress + '%'
              );
          }
      }).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
      
      $("#save-image").click(function(){
        var c = jcrop.tellSelect();
        //console.log(jcrop.tellSelect());
        if( c.w != 0 ){
          $(".profile-avatar").attr("src",'<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/files/crop.php?src=' + timg );
          $(".profile_thumb").attr("src",'<?php echo HOME_URI;?>views/_uploads/usuarios/<?php echo chk_array($modelo->form_data, 'user'); ?>/img/files/crop.php?src=' + timg );
          $("#crop-image").niftyModal('hide');
        }else{
          alert("Please select a crop region then press save.");
        }
      });

    });
  </script>