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

    <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
    </script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/flick/jquery-ui.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/2.2.2/moment-duration-format.min.js">
    </script>
    <script src="<?php echo e(asset('public/admin/daterange/jquery-ui-durationspinner.js')); ?>"></script>


    <!-- begin::main content -->

    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header">
                <h3>Map Video</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="<?php echo e(asset('admin/re-video-list')); ?>">Mapping Video list</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Map Videos</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <?php if (isset($component)) { $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\FlashMessage::class, []); ?>
<?php $component->withName('flashMessage'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74)): ?>
<?php $component = $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74; ?>
<?php unset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74); ?>
<?php endif; ?>
            <div class="card">
                <div class="card-header">
                    <h5>Select Videos</h5>
                </div>
                <div class="card-body">

                    <form id='file-catcher' enctype="multipart/form-data">
                        <div class="form-group">
                            <select id="revideos" class="js-example-basic-single re-videos select-item" multiple
                                name="videos[]">
                                <option></option>
                                <?php if(!empty($videos)): ?>
                                    <?php $__currentLoopData = $videos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $video): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($video->etag); ?>" data-filename="<?php echo e($video->filename); ?>">
                                            <?php echo e($video->filename); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                <?php endif; ?>
                            </select>

                            <?php if($errors->has('videos')): ?>
                                <div class="error">
                                    <?php echo e($errors->first('videos')); ?>

                                </div>
                            <?php endif; ?>
                        </div>


                    </form>

                </div>
                <div class="card-footer">

                    <span id="message-text" class="text-danger"></span>
                    <form method="post" action="<?php echo e(asset('admin/re-upload-video')); ?>">
                        <?php echo csrf_field(); ?>
                        <div class="text-data"></div>
                        
                        <hr />
                        <button type='submit' class="btn btn-primary text-white pull-left">
                            <i class="fa fa-submit"></i>&nbsp;Save Videos
                        </button>
                        <a href="<?php echo e(asset('admin/re-video-list')); ?>"
                            class="form-group btn btn-primary text-white pull-right">
                            <i class="fa fa-list"></i>&nbsp;Mapping Video List
                        </a>
                    </form>
                </div>
            </div>



        </div>

    </main>
    <!-- end::main content -->

<?php $__env->stopSection(); ?>
<?php $__env->startPush('footer-script'); ?>
    <!-- begin::dataTable -->
    <link rel="stylesheet" href="<?php echo e(asset('public/admin/vendors/select2/css/select2.min.css')); ?>" type="text/css">
    <!-- end::select2 -->

    <script src="<?php echo e(asset('public/admin/vendors/select2/js/select2.min.js')); ?>"></script>
    <script src="<?php echo e(asset('public/admin/js/examples/select2.js')); ?>"></script>


    <script>
        var limit = 5;
        $(document).ready(function() {

            $('.select-item').change(function() {

                var html;
                $('option:selected', $(this)).each(function() {
                    // console.log($(this).val());
                    videoId = $(this).val();
                    filename = $(this).data('filename');

                    html = `<div class="row">

                    <div class="col-md-4">
                        <input type="text" value=` + filename + ` class="form-control" required name="originalname[]" required placeholder="Original Name">
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control" required name="customname[]" placeholder="custom Name"/>
                    </div>
                    <div class="col-md-4"> 
                        <input type="number" min="1" max="1000" class="form-control" required name="time[]" placeholder="minute"/>
                        
                    </div>
                    <input type="hidden" name="video_id[]" value=` + videoId + `>
                   </div>`;

                });
                $('.text-data').append(html);
                // $('#total').val(price);
            });


        });
    </script>

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

<?php echo $__env->make('admin.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/easysfm.edukrypt.in/resources/views/admin/re-video/upload-video.blade.php ENDPATH**/ ?>