<?php $__env->startSection('content'); ?>
<?php echo $__env->make("backend.category/cropper", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2><?php echo app('translator')->getFromJson('common.edit'); ?> <?php echo app('translator')->getFromJson('common.category'); ?></h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="<?php echo e(url('')); ?>">><?php echo app('translator')->getFromJson('common.home'); ?><</a>
                        </li>
                        <li>
                             <a href="<?php echo e(url('categories')); ?>"><?php echo app('translator')->getFromJson('common.categories'); ?></a>
                        </li>
                        <li class="active">
                            <strong><?php echo app('translator')->getFromJson('common.edit'); ?> <?php echo app('translator')->getFromJson('common.category'); ?></strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>
			
			<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
                <div class="col-lg-8">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><?php echo app('translator')->getFromJson('common.edit'); ?> <?php echo app('translator')->getFromJson('common.category'); ?></h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                
                                
                            </div>
                        </div>
						<div class="ibox-content">
						<form action="<?php echo e(url('categories/'  . $category->id)); ?>" class="form-horizontal" method="POST" enctype='multipart/form-data'>
                        <input type="hidden" name="_method" value="put">
                        <?php echo e(csrf_field()); ?>

								 <div class="form-group"><label class="col-sm-2 control-label"><?php echo app('translator')->getFromJson('common.name'); ?></label>
                                    <div class="col-sm-10"><input type="text" class="form-control" id="name" name="name" value="<?php echo e($category->name); ?>"></div>
                                </div>
						<div class="hr-line-dashed"></div>
								 <div class="form-group">
                                    <div class="col-sm-4 col-sm-offset-2">
                                        
										 <a class="btn btn-white" href="<?php echo e(url('categories')); ?>"><?php echo app('translator')->getFromJson('common.cancel'); ?></a>
                                        <button class="btn btn-primary" type="submit"> <?php echo app('translator')->getFromJson('common.save'); ?></button>
                                    </div>
                                </div>
								
								
                            </form>
                        </div>
                    </div>
                </div>
				<div class="col-lg-4">
                    <form id="uploadimage" action="" method="post" enctype="multipart/form-data">
                <input type="hidden" name="cropped_value" id="cropped_value" value="">
                <input type="hidden" name="image_edit" id="image_edit" value="<?php echo e($category->id); ?>">
                    
                <label title="Upload image file" for="inputImage" class="">
                
                     <div class="upload-pic " style="">
                        <img id="image_source"  src="<?php echo url("uploads/category/thumb/" . $category->id . ".jpg?rand=".rand(0, 100)); ?>">
                    </div>
                   <div class="upload-pic-new btn btn-primary text-center">
                        <input type="file"  name="file" id="cropper" style="display:none" />
                        <label for="cropper">
                        <div class="pic-placeholder">
                          
                            <span class="upload_button"> <i class="fa fa-picture-o"></i>
                            Upload Photo </span>
                        </div>
                        </label>
                    </div>               
                                    
            </form>
                </div>
                
            </div>
            </div>    

<style> 
.cropper-container.cropper-bg {
  background: #fff !important;
  background-image:none !important;
}

.cropper-modal {
    opacity: .5;
    background-color: #fff;
}

.upload-pic { 
    height:200px;
    width:200px; 
    background:#ccc;
    margin:10px;
}

.upload_button { 
    margin-top:10px;
}
</style>			
    
<?php $__env->stopSection(); ?>

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