<?php $__env->startSection('content'); ?>
<div class="page-wrapper">
	<div class="row page-titles">
		<div class="col-md-5 align-self-center">
			<h3 class="text-themecolor"><?php echo e(trans('lang.item_attribute_plural')); ?></h3>
		</div>

		<div class="col-md-7 align-self-center">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="<?php echo e(url('/dashboard')); ?>"><?php echo e(trans('lang.dashboard')); ?></a></li>			
         <li class="breadcrumb-item"><a href= "<?php echo route('attributes'); ?>" ><?php echo e(trans('lang.item_attribute_plural')); ?></a></li>
        <li class="breadcrumb-item active"><?php echo e(trans('lang.attribute_create')); ?></li>
			</ol>
		</div>
		</div>

			<div class="card-body">
          
          <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;"><?php echo e(trans('lang.processing')); ?></div>
          <div class="error_top" style="display:none"></div>
          <div class="row vendor_payout_create">          

            <div class="vendor_payout_create-inner">
              <fieldset>
              <legend><?php echo e(trans('lang.attribute_create')); ?></legend>
              <div class="form-group row width-100">
                <label class="col-3 control-label"><?php echo e(trans('lang.attribute_name')); ?></label>
                <div class="col-7">
                  <input type="text" class="form-control cat-name">
                  <div class="form-text text-muted"><?php echo e(trans("lang.attribute_name_help")); ?> </div>
                </div>
              </div>

              </fieldset>
            </div>

          </div>

        </div>
        <div class="form-group col-12 text-center btm-btn">
          <button type="button" class="btn btn-primary save_attribute_btn" ><i class="fa fa-save"></i> <?php echo e(trans('lang.save')); ?></button>
          <a href="<?php echo route('attributes'); ?>" class="btn btn-default"><i class="fa fa-undo"></i><?php echo e(trans('lang.cancel')); ?></a>
        </div>

	</div>

</div>

</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>
<script src="<?php echo e(asset('js/bootstrap-datepicker.min.js')); ?>"></script>
<link href="<?php echo e(asset('css/bootstrap-datepicker.min.css')); ?>" rel="stylesheet">
<script>

  var database = firebase.firestore();
  var ref = database.collection('vendor_attributes');
  var photo ="";
  var id_attribute = "<?php echo uniqid();?>";
  var attribute_length=1;


  $(document).ready(function(){
    jQuery("#data-table_processing").show();
    ref.get().then( async function(snapshots){
      attribute_length = snapshots.size+1;
      jQuery("#data-table_processing").hide();
    })

  $(".save_attribute_btn").click(function(){
    var title = $(".cat-name").val();
    
    if (title == '') {

      $(".error_top").show();
      $(".error_top").html("");
      $(".error_top").append("<p><?php echo e(trans('lang.enter_cat_title_error')); ?></p>");
        window.scrollTo(0,0);
      }else{

        database.collection('vendor_attributes').doc(id_attribute).set({'id':id_attribute,'title':title}).then(function(result) { 
          window.location.href = '<?php echo e(route("attributes")); ?>';
        });

      }

  });


});

  var storageRef = firebase.storage().ref('images');
  function handleFileSelect(evt) {
    var f = evt.target.files[0];
    var reader = new FileReader();
    reader.onload = (function(theFile) {
    return function(e) {
        
      var filePayload = e.target.result;
      var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));
      var val = $('#attribute_image').val().toLowerCase();
      var ext=val.split('.')[1];
      var docName=val.split('fakepath')[1];
      var filename = $('#attribute_image').val().replace(/C:\\fakepath\\/i, '')
      var timestamp = Number(new Date());      
      var uploadTask = storageRef.child(filename).put(theFile);
      uploadTask.on('state_changed', function(snapshot){
      var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
      }, function(error) {
      }, function() {
        uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
            jQuery("#uploding_image").text("Upload is completed");
            photo = downloadURL;
            $(".cat_image").empty();
            $(".cat_image").append('<img class="rounded" style="width:50px" src="'+photo+'" alt="image">');

      });   
    });
    
    };
  })(f);
  reader.readAsDataURL(f);
}   


</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/customer/www/emartadmin.siswebapp.com/resources/views/attributes/create.blade.php ENDPATH**/ ?>