
<?php $__env->startSection('style'); ?>
    <style>
        /* Global style */
        .btn-tertiary {
            color: #555;
            padding: 0;
            line-height: 30px;
            width: 100%;
            margin-top: -1px;
            display: block;
            border: 2px solid #555;
        &:hover,
        &:focus {
             color: lighten(#555, 20%);
             border-color: lighten(#555, 20%);
         }
        }

        /* input file style */

        .input-file {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
        + .js-labelFile {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 10px;
            cursor: pointer;
        .icon:before {
        //font-awesome
        content: "\f093";
        }
        &.has-file {
        .icon:before {
        //font-awesome
        content: "\f00c";
            color: #5aac7b;
        }
        }
        }
        }

    </style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>

    <?php echo Form::open(array('route' => $route,'method'=>'POST','enctype'=>'multipart/form-data','class'=>'jform')); ?>

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 overflow-x-hidden">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-group">
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <button type="button" onclick="window.location.replace('<?php echo e(route($route)); ?>?export_sample=1')" class="button_info form-control" ><i class="fa fa-download"></i> <span>ទាញយកគម្រូ</span></button>
                </div>
                <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                    <div class="form-group">
                        <input type="file" name="file" id="file" class="input-file">
                        <label for="file" class="btn btn-tertiary js-labelFile">
                            <i class="icon fa fa-upload text-success"></i>
                            <span class="js-fileName">បញ្ចូលទិន្នន័យ</span>
                        </label>
                    </div>
                </div>
            </div>
            <button type="submit" class="display-none"></button>
        </div>
    <?php echo Form::close(); ?>

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

<?php $__env->startSection('jq'); ?>
    <script>
        (function() {
            'use strict';
            $('.input-file').each(function() {
                var $input = $(this),
                    $label = $input.next('.js-labelFile'),
                    labelVal = $label.html();

                $input.on('change', function(element) {
                    var fileName = '';
                    if (element.target.value) fileName = element.target.value.split('\\').pop();
                    fileName ? $label.addClass('has-file').find('.js-fileName').html(fileName) : $label.removeClass('has-file').html(labelVal);
                });
            });

        })();
    </script>
<?php $__env->stopSection(); ?>





<?php echo $__env->make('layouts.jform', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/nsowos/public_html/shr-brand/resources/views/component/import-exel.blade.php ENDPATH**/ ?>