One Hat Cyber Team

View File Name : f22816623906b3ed124646ab72d120be.php

<?php $__env->startSection('body-class','2-column'); ?>
<?php $__env->startSection('page-name',$name); ?>

<?php $__env->startPush('css'); ?>
<?php if (isset($component)) { $__componentOriginald0e2077160a11f028ac992bd4d62bc48 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginald0e2077160a11f028ac992bd4d62bc48 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.head.tinymce-config','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('head.tinymce-config'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginald0e2077160a11f028ac992bd4d62bc48)): ?>
<?php $attributes = $__attributesOriginald0e2077160a11f028ac992bd4d62bc48; ?>
<?php unset($__attributesOriginald0e2077160a11f028ac992bd4d62bc48); ?>
<?php endif; ?>
<?php if (isset($__componentOriginald0e2077160a11f028ac992bd4d62bc48)): ?>
<?php $component = $__componentOriginald0e2077160a11f028ac992bd4d62bc48; ?>
<?php unset($__componentOriginald0e2077160a11f028ac992bd4d62bc48); ?>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')); ?>">
<link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/flatpickr/flatpickr.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/select2/select2.css')); ?>">
<style>
    .logo-image{
        height: 38px;
    }
    .dropzone{
        min-height: 150px;
    }
    .dropzone .dz-message{
        font-size: 1.3rem;
        height: auto;
    }
    .dropzone .dz-message::before{
        font-size: 50px;
    }
    .dz-default{
        display: none;
    }
    .dz-details{
        height: 100%;
        opacity: 1 !important;
    }
    .thumbnail-image{
        height: 100%;
        width: 100%;
    }
    .tox-tinymce{
        height: 300px !important;
    }
    .dropzone .dz-preview .dz-details{
        top: 10px;
    }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
<section>
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-12">
                <div class="card p-3">
                    <form class="form" action="<?php echo e($url); ?>" method="POST">
                        <?php echo csrf_field(); ?>
                        <input type="hidden" id="image_id" name="image_id" value="<?php echo e(@$item['image_id']); ?>">
                        <input type="hidden" name="id" value="<?php echo e(@$item['id']); ?>">
                        <div class="modal-header">
                            <div class="col row justify-content-center align-items-center">
                                <h4 class="modal-title" id="modal_title"><i class="<?php echo e($icon); ?>"></i> <?php echo e($name); ?></h4>
                            </div>
                        </div>
                        <div class="modal-body">
                            <div class="form-body mx-2">
                                <div class="row">
                                    <div class="mb-1 col-12 col-md-12">
                                        <label for="card_owner" class="form-label">User</label>
                                        <select id="card_owner" name="card_owner" class="select2-icons form-select w-100" data-style="btn-default">
                                            <?php $__currentLoopData = $card_owners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card_owner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($card_owner['id']); ?>" <?php echo e($card_owner['id'] == @$item['card_owner_id']?'selected':''); ?>><?php echo e($card_owner['qr_string']); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    </div>
                                    <div class="col-md-12 col-12 mt-2 mb-1">
                                        <label for="payment_date">Payment Date</label>
                                        <input type="text" class="form-control flatpickr-date-time" name="payment_date" id="payment_date" value="<?php echo e(@$item['payment_date']); ?>">
                                    </div>
                                    <div class="mb-1 col-12 col-md-12">
                                        <div class="form-label-group ">
                                            <small class="required">Amount</small>
                                            <input type="number" step="any" id="amount" class="form-control" placeholder="0.00" name="amount" value="<?php echo e(@$item['amount']); ?>">
                                        </div>
                                    </div>
                    
                                    <div class="col-12 dropzone dropzone-area dz-clickable mt-1" id="dpz-image-upload" style="margin-left: 1rem; width: 97%;">
                                        <?php if(@$item['image_id'] > 0): ?>
                                        <div class="dz-preview dz-processing dz-image-preview dz-success" id="image<?php echo e(@$item['invoice']['id']); ?>">
                                            <div class="dz-details">
                                                <img class="thumbnail-image" data-dz-thumbnail="" alt="<?php echo e(@$item['invoice']['original_name']); ?>" src="<?php echo e((isset($item['image_id']))? asset('/images/'.$item->invoice->filename) : ''); ?>">
                                            </div>
                                            <a class="dz-remove" href="javascript:undefined;" data-dz-remove="" onclick="deleteImage(<?php echo e($item['invoice']['id']); ?>)" >Remove File</a>
                                        </div>
                                        <?php else: ?>
                                        <div class="dz-message">Drop Files to Upload</div>
                                        <?php endif; ?>
                                        <input type="hidden" name="image" id="image" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Save <i class="fa fa-spinner fa-spin d-none"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('js'); ?>
<script src="<?php echo e(asset('/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js')); ?>"></script>
<script src="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone-min.js"></script>
<script src="<?php echo e(asset('/assets/vendor/libs/select2/select2.js')); ?>"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="<?php echo e(asset('/assets/vendor/libs/flatpickr/flatpickr.js')); ?>"></script>
<script>
    //Dropzone.autoDiscover = false;
    $("div#dpz-image-upload").dropzone({
        paramName: "invoice_image",
        url: '/<?php echo e($user_route); ?>/payments/images/upload',
        uploadMultiple: true,
        maxFilesize: 10,
        addRemoveLinks: true,
        acceptedFiles: 'image/*',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        removedfile: function(file) {
            $.ajax({
                url: "/<?php echo e($user_route); ?>/payments/images/remove",
                type: 'POST',
                data: {
                    'id':file._removeLink.getAttribute('data-pk'),
                },
                error: function (response) {
                    response = $.parseJSON(response.responseText);
                    $.each(response, function (key, value) {
                        if ($.isPlainObject(value)) {
                            $.each(value, function (key, value) {
                                toastr.error(value, 'Error');
                            });
                        }
                    });
                },
                success: function (response) {
                    if (response.message) {
                        toastr.success(response.message, 'Success');
                    }
                }
            });
            var _ref;
            return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
        },
        init: function () {
            this.on("maxfilesexceeded", function (file) {
                this.removeAllFiles();
                this.addFile(file);
            });
            this.on("success",function (file,response) {
                if (response.message){
                    document.getElementById('image_id').value = response.file.id;
                    document.getElementById('image').value = response.file.id;
                    toastr.success(response.message);
                }

                file._removeLink.setAttribute('data-pk',response.file.id);

            });
            this.on("error",function (file,response) {
                $.each(response, function (key, value) {
                    if ($.isPlainObject(value)) {
                        $.each(value, function (key, value) {
                            toastr.error(value, 'Error');
                        });
                    }
                });
            })
        }
    });

    function deleteImage(id){
        $.ajax({
            url: "/<?php echo e($user_route); ?>/payments/images/remove",
            type: 'POST',
            data: {
                'id':id,
            },
            error: function (response) {
                response = $.parseJSON(response.responseText);
                $.each(response, function (key, value) {
                    if ($.isPlainObject(value)) {
                        $.each(value, function (key, value) {
                            toastr.error(value, 'Error');
                        });
                    }
                });
            },
            success: function (response) {
                document.getElementById("image"+id).style.display = "none";
                if (response.message) {
                    toastr.success(response.message, 'Success');
                }
            }
        });
    }

    const dateTimePicker = $('.flatpickr-date-time');
    if (dateTimePicker.length) {
        dateTimePicker.flatpickr({
            minDate: "null",
            enableTime: false,
            // showMonths: 2,
        });
    }
    
    $(".select2").select2();

    $(".select2-icons").wrap('<div class="position-relative"></div>').select2({
        escapeMarkup: function(es) {
            return es;
        }
    });
</script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('dashboard.layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/ctoppng.com/resources/views/dashboard/payments/add.blade.php ENDPATH**/ ?>