Edit File: 17c352cb6e4abba5cdcc324a25870860b96d9c6e.php
<?php $__env->startSection('css'); ?> <link rel="stylesheet" type="text/css" href="<?php echo e(asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.css')); ?>"> <link rel="stylesheet" type="text/css" href="<?php echo e(asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')); ?>"> <style> .drop-box, .drop-boxData2 .text-center { display: inline-block; margin: 5px 10px; float: right; } .drop-box { padding: 2px; display: flex; flex-direction: row; flex-wrap: wrap; } .images-upload-block { display: inline-block; vertical-align: top; position: relative; margin: 10px; } .drop-box .upload-img { display: inline-block; width: 110px; height: 110px; line-height: 110px; text-align: center; position: relative; border-radius: 10px; margin: 0; border: 1px solid #DDD; } .drop-box .upload-img span { position: absolute; right: 0; left: 0; margin: auto; z-index: 9; top: 50%; transform: translateY(-50%); font-size: 22px; } .drop-box .upload-img input { position: absolute; opacity: 0; z-index: -1; display: none; } .click_event, .click_eventData2 { width: 110px; height: 110px; padding: 0; background: transparent; color: #6c757d; font-size: 25px; margin: 20px 10px; display: inline-block; float: right; border-radius: 10px; border: 1px solid #DDD; } .click_event .plus { width: 40px; height: 40px; font-size: 40px; line-height: 0; color: #945374; } .drop-box .uploaded-block img { width: 100%; height: 100%; margin: 0; border-radius: 10px; } .drop-box .uploaded-block { position: absolute; right: 0; left: 0; margin: auto; top: -5px; width: 110px; height: 110px; z-index: 9; } .drop-box .uploaded-block .close { position: absolute; top: -8px; color: #fff; background:#945374!important; font-size: 18px; width: 23px; height: 23px; text-align: center; border-radius: 50%; opacity: 1; left: 0; right: 0; margin: auto; padding: 0; line-height: 0 !important; } </style> <?php $__env->stopSection(); ?> <?php $__env->startSection('content'); ?> <!-- // Basic multiple Column Form section start --> <section id="multiple-column-form"> <div class="row match-height"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title"><?php echo e(awtTrans('تعديل صفحة تعريفية ')); ?></h4> </div> <div class="card-content"> <div class="card-body"> <form method="POST" action="<?php echo e(route('admin.intros.update' , ['id' => $row->id])); ?>" class="store form-horizontal" novalidate> <?php echo csrf_field(); ?> <?php echo method_field('PUT'); ?> <div class="form-body"> <div class="row"> <div class="col-12"> <div class="gallery2 upload-area topG"> <?php $__currentLoopData = $row->images()->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="drop-box mr-2 ml-2"> <div class="text-center m-2 box-up"> <div class="images-upload-block"> <label class="upload-img"> <span> <img src="<?php echo e($image->image_path); ?>" style="width:100%;height: 100%"> <button class="close">×</button> </span> <input type="hidden" id="gallery-photo-add2" name='oldIamges[]' value="<?php echo e($image->id); ?>" > </label> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <div class=" parent-img d-flex flex-wrap" id="containImgsGaller"> <div class="drop-box mr-2 ml-2"> <div class="text-center m-2 box-up"> <div class="images-upload-block"> <label class="upload-img"> <span><i class="fa fa-image"></i></span> <input type="file" accept="image/*,video/*" class="form-control image-uploader" name="images[]" required="" multiple="multiple"> </label> </div> </div> </div> <div class="d-flex align-items-center justify-content-center position-relative"> <button class="click_event m-2"> <span class="plus"><i class="fa fa-plus-square"></i></span> </button> </div> </div> </div> <div class="col-6"> <div class="form-group"> <div class="controls"> <label for="account-name"><?php echo e(awtTrans('الوصف بالعربية')); ?></label> <textarea class="form-control" name="desc_ar" id="desc_ar" cols="30" rows="10" placeholder="<?php echo e(awtTrans('الوصف بالعربية')); ?>"><?php echo e($row->getTranslations('desc')['ar']); ?></textarea> </div> </div> </div> <div class="col-6"> <div class="form-group"> <div class="controls"> <label for="account-name"><?php echo e(awtTrans('الوصف بالانجليزية')); ?></label> <textarea class="form-control" name="desc_en" id="desc_en" cols="30" rows="10" placeholder="<?php echo e(awtTrans('الوصف بالانجليزية')); ?>"><?php echo e($row->getTranslations('desc')['en']); ?></textarea> </div> </div> </div> <div class="col-12 d-flex justify-content-center mt-3"> <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button"><?php echo e(awtTrans('تعديل')); ?></button> <a href="<?php echo e(url()->previous()); ?>" type="reset" class="btn btn-outline-warning mr-1 mb-1"><?php echo e(awtTrans(' رجوع ')); ?></a> </div> </div> </div> </form> </div> </div> </div> </div> </div> </section> <?php $__env->stopSection(); ?> <?php $__env->startSection('js'); ?> <script src="<?php echo e(asset('admin/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js')); ?>"></script> <script src="<?php echo e(asset('admin/app-assets/js/scripts/forms/validation/form-validation.js')); ?>"></script> <script src="<?php echo e(asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')); ?>"></script> <script src="<?php echo e(asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')); ?>"></script> <script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script> <script> ClassicEditor.create( document.querySelector( '#desc_ar' ) ) .catch( error => { console.error( error ); } ); ClassicEditor.create( document.querySelector( '#desc_en' ) ) .catch( error => { console.error( error ); } ); </script> <script> // /// Upload Image $(document).ready(function() { // REMOVE IMAGE $('.images-upload-block').on('click', '.close',function (){ $(this).parents('.box-up').remove(); }); // ADD IMAGE $('.image-uploader').change(function (event){ $(this).parents('.images-upload-block .upload-img').append('<div class="uploaded-block"><img src="'+ URL.createObjectURL(event.target.files[0]) +'"><button class="close">×</button></div>'); }); $(".click_event").click(function (b){ b.preventDefault(); $(this).parents('.parent-img').find(".drop-box").append('<div class="text-center m-2 box-up">' + '<div class="images-upload-block">' + '<label class="upload-img">' + '<span><i class="fa fa-image" aria-hidden="true"></i></span>' + '<input type="file" id="images" name="images[]" class="image-uploader" multiple>' + '</label>' + '</div>' + '</div>'); // ADD IMAGE $('.image-uploader').change(function (event){ $(this).parents('.images-upload-block .upload-img').append('<div class="uploaded-block"><img src="'+ URL.createObjectURL(event.target.files[0]) +'"><button class="close">×</button></div>'); }); // REMOVE IMAGE $('.images-upload-block').on('click', '.close',function (){ $(this).parents('.box-up').remove(); }); }); }); </script> <?php echo $__env->make('admin.shared.submitEditForm', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <?php $__env->stopSection(); ?> <?php echo $__env->make('admin.layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/wwineerc/public_html/resources/views/admin/intros/edit.blade.php ENDPATH**/ ?>
Back to File Manager