<link rel="stylesheet" href="<?php echo DOMAIN ?>/jquery_file_upload/css/style.css">
<link rel="stylesheet" href="<?php echo DOMAIN ?>/jquery_file_upload/css/jquery.fileupload.css">
<input type="hidden" class="file_url" value="<?php echo DOMAIN ?>/ajax/upload_category_image" />



 <?php
                                    if($templateType == 'edit')
                                    {
                                        $current='Current Image : <img src="' . MAIN_DOMAIN . '/uploads/product_category/'.$data['cl_image'].'" width="15"/>';
                                          $currentHover = 'Current Image : <img src="' .  MAIN_DOMAIN . '/uploads/product_category/'.$data['cl_hover_image'].'" width="15"/>';
                                    }
                                    else
                                    {
                                        $current='';
                                        $currentHover = '';
                                    }
                                    ?>
<div class="error-main"></div>
                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name</label>
                                <input type="text" name="name" id="name" placeholder="Category Name" class="form-control" value="<?php if(isset($data['cl_name'])){echo $data['cl_name'];}?>" />
                                <div class="error-input"></div>
                            </div>
                             
                             <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name (English)</label>
                                <input type="text" name="name_english" id="name_english" placeholder="Category Name (English)" class="form-control" value="<?php if(isset($data['cl_name_english'])){echo $data['cl_name_english'];}?>" />
                                <div class="error-input"></div>
                            </div>

                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name (Lithuanian)</label>
                                <input type="text" name="name_lithuanian" id="name_lithuanian" placeholder="Category Name (Lithuanian)" class="form-control" value="<?php if(isset($data['cl_name_lithuanian'])){echo $data['cl_name_lithuanian'];}?>" />
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name (Estonian)</label>
                                <input type="text" name="name_estonian" id="name_estonian" placeholder="Category Name (Estonian)" class="form-control" value="<?php if(isset($data['cl_name_estonian'])){echo $data['cl_name_estonian'];}?>" />
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name (Polish)</label>
                                <input type="text" name="name_polish" id="name_polish" placeholder="Category Name (Polish)" class="form-control" value="<?php if(isset($data['cl_name_polish'])){echo $data['cl_name_polish'];}?>" />
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Category Name (Russian)</label>
                                <input type="text" name="name_russian" id="name_russian" placeholder="Category Name (Russian)" class="form-control" value="<?php if(isset($data['cl_name_russian'])){echo $data['cl_name_russian'];}?>" />
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container">
                                <label for="Name" class=" form-control-label">Slug</label>
                                <input type="text" name="slug" id="slug" placeholder="Slug" class="form-control" value="<?php if(isset($data['cl_slug'])){echo $data['cl_slug'];}?>" />
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container">
                                <label for="Description" class=" form-control-label">Description</label>
                                <textarea id="description" name="description" placeholder="Description" class="form-control"><?php if(isset($data['cl_description'])){echo $data['cl_description'];}?></textarea>
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container file_upload_container">
                                <label for="file" class=" form-control-label">Icon Image</label>
                                        <input type="hidden" class="image file_url" name="image" value="<?php if(isset($data['cl_image'])){echo $data['cl_image'];}?>"/>
													<input type="hidden" class="name"   />
													    <!-- The container for the uploaded files -->
													    <span class="btn btn-success fileinput-button">
												        <i class="glyphicon glyphicon-plus"></i>
												        <span>Select file</span>
												        <!-- The file input field used as target for the file upload widget -->
												        <input class="fileupload" type="file" name="file" >
										                </span>
										                <br>
												    <br>
												    <!-- The global progress bar -->
												    <div class="progress">
												        <div class="progress-bar progress-bar-success"></div>
												    </div>
												    <!-- The container for the uploaded files -->
												    <div class="files_area"></div>
												    <div class="file_name">
													    	
													    </div>
												     <div class="error_area"></div>

                                <?php echo $current;?>
                                <div class="error-input"></div>
                            </div>
                            <div class="form-group input-container file_upload_container">
                                <label for="file" class=" form-control-label">Hover Icon Image</label>
                                        <input type="hidden" class="image file_url" name="hover_image" value="<?php if(isset($data['cl_hover_image'])){echo $data['cl_hover_image'];}?>"/>
                                                    <input type="hidden" class="name"   />
                                                        <!-- The container for the uploaded files -->
                                                        <span class="btn btn-success fileinput-button">
                                                        <i class="glyphicon glyphicon-plus"></i>
                                                        <span>Select file</span>
                                                        <!-- The file input field used as target for the file upload widget -->
                                                        <input class="fileupload" type="file" name="file" >
                                                        </span>
                                                        <br>
                                                    <br>
                                                    <!-- The global progress bar -->
                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-success"></div>
                                                    </div>
                                                    <!-- The container for the uploaded files -->
                                                    <div class="files_area"></div>
                                                    <div class="file_name">
                                                            
                                                        </div>
                                                     <div class="error_area"></div>

                                <?php echo $currentHover;?>
                                <div class="error-input"></div>
                            </div>

<?php
if($templateType == 'edit')
{
    ?>

<div class=" col-12">
    <div class="row">
        <div class="form-group input-container col-12">
        
            <input type="checkbox" name="new_design" id="new_design"  value="1" <?php if(isset($data['cl_new_design']) && $data['cl_new_design'] == 1){echo 'checked';}?> />
            <label for="Name" class=" form-control-label">New Design</label>
            <div class="error-input"></div>
        </div>
        
    </div>
    
</div>
<?php
}
?>
							<div class="form-group mt-2">
							<button type="submit" class="track-btn pull-right btn-submit">Submit</button>
							
							</div>



<form action="/target" class="dropzone" id="my-dropzone"></form>
                            <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="<?php echo DOMAIN ?>/jquery_file_upload/js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="<?php echo DOMAIN ?>/jquery_file_upload/js/jquery.fileupload.js"></script>



                       