Default page

View File Name : 002305c8a18aefbe6b127f5f30f98ba9b972824a.php

<?php $__env->startSection('content'); ?>
   <div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed main-content-narrow">
            <!--sidebar-->
            <?php echo $__env->make('layouts.sidebar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            <!-- END Sidebar -->
            <!-- Top navbar -->
            <?php echo $__env->make('layouts.top_navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            <!-- End Top Navbar-->

            <!-- Main Container -->
            <main id="main-container">
                <!-- Hero -->
                <div class="bg-body-light">
                    <div class="content content-full">
                        <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                            <h1 class="flex-sm-fill h3 my-2"> Blog </h1>
                            <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                                <ol class="breadcrumb breadcrumb-alt mb-0">
                                    <li class="breadcrumb-item">Blog</li>
                                    <li class="breadcrumb-item" aria-current="page">
                                        <a class="link-fx" href="">New</a>
                                    </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <!-- END Hero -->
                      <!-- Page Content -->
                <div class="content p-0">
                    <?php if($errors->any()): ?>
                    <div class="alert alert-danger">
                        <ul>
                            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><?php echo e($error); ?></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                <?php endif; ?>
                <!-- Original -->
                <div class="row">
                    <div class="w-100">
                         <!-- The Modal -->

                            <!-- Modal Header -->
                                <div class="modal-header w-100">
                                    <h4 class="modal-title">New Blog</h4>
                                    <a href="<?php echo e(route('blogs.create')); ?>" class="btn btn-primary btn-sm"> New Blog</a>
                                </div>

                                <!-- Modal body -->
                                <div class="modal-body">
                                    <form action="<?php echo e(route('blogs.store')); ?>" method="post" enctype="multipart/form-data">
                                        <?php echo csrf_field(); ?>
                                        <div class="form-group">
                                            <label >Title</label>
                                            <input type="text" class="form-control" name="title" value="<?php echo e(old('title')); ?>" required>
                                        </div>
                                        <div class="form-group">
                                            <label >Date</label>
                                            <input type="date" class="form-control" name="date" value="<?php echo e(old('date')); ?>" required>
                                        </div>
                                        <div class="form-group">
                                            <label >Content</label>
                                            <!-- <input type="text" class="form-control" name="content" value="" required> -->
                                            <textarea cols="80" rows="10" class="form-control" id="content" name="content"><?php echo e(old('content')); ?></textarea>
                                            <script type="text/javascript">
                                            CKEDITOR.replace( 'content' );
                                            </script>
                                        </div>
                                        <div class="form-group">
                                            <label>Image</label>
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input <?php $__errorArgs = ['cropped_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="image" name="image" accept="image/*" required onchange="readURL(this);">
                                                <label class="custom-file-label" for="image">Choose file</label>
                                            </div>
                                        </div>
                                        <?php $__errorArgs = ['cropped_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <div class="alert alert-danger"><?php echo e($message); ?></div>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                        <div class="form-group crop mb-5">
                                                <img id="blah" src="#" name="crop_image" alt="your image"/>
                                                <input name="cropped_image" type="hidden" required id="cropped_image" />
                                                <div id="cropped_result"></div>
                                                <button type="button" id="crop_button" class="mt-5 mb-5 btn btn-primary">Crop</button>
                                                <button type="button" id="reset" class="mt-5 mb-5 btn btn-danger">Reset</button>
                                        </div>
                                </div>
                                <div class="modal-footer">
                                    <a href="<?php echo e(route('blogs.list')); ?>" class="btn btn-secondary" >Close</a>
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                </div>
                                </form>
                                </div>
                            </div>
                        </div>
                            <!-- END Original -->
                        </div>
                        <!-- END Page Content -->
                        </main>
                        <!-- END Main Container -->
                    </div>
                    <!-- END Page Container -->
            <?php $__env->stopSection(); ?>
            <?php $__env->startSection('script'); ?>
            <script>
                $('.crop').hide();
                $('#reset').hide();
                function readURL(input) {
                if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('.crop').show();
                $('#blah').attr('src', e.target.result)
                };
                reader.readAsDataURL(input.files[0]);
                setTimeout(initCropper, 1000);
                }
                }
                function initCropper(){
                var image = document.getElementById('blah');
                var cropper = new Cropper(image, {
                aspectRatio: 730/411,
                crop: function(e) {
                }
                });
                document.getElementById('crop_button').addEventListener('click', function(){
                var imgurl =  cropper.getCroppedCanvas().toDataURL();
                var img = document.createElement("img");
                img.src = imgurl;
                img.style.cssText = "width:500px;height:350px;margin: 2rem;";
                document.getElementById("cropped_result").appendChild(img);
                $('#cropped_image').val(imgurl);
                $('#reset').show();
                $('#crop_button').hide();

                document.getElementById('reset').addEventListener('click', function(){
                    document.getElementById("cropped_result").appendChild(img).remove();
                    $('#reset').hide();
                    $('#crop_button').show();
                });

                });

                }

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

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/skvinfotech.com/resources/views/admin/new_blog.blade.php ENDPATH**/ ?>