One Hat Cyber Team

View File Name : fcf9e7102de407422832a6a7d2000d04.php

<?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; ?>
<style>
    .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>
<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['logo_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>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body">
        <div class="form-body mx-2">
            <div class="row">
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <small class="required">First Line Color</small>
                        <input type="color" name="first_line_color" id="first_line_color" value="<?php echo e(@$item['first_line_color']); ?>" class="form-control colorpicker" aria-invalid="false">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <small class="required">Second Line Color</small>
                        <input type="color" name="second_line_color" id="second_line_color" value="<?php echo e(@$item['second_line_color']); ?>" class="form-control colorpicker" aria-invalid="false">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <small class="required">Third Line Color</small>
                        <input type="color" name="third_line_color" id="third_line_color" value="<?php echo e(@$item['third_line_color']); ?>" class="form-control colorpicker" aria-invalid="false">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <small class="required">Fourth Line Color</small>
                        <input type="color" name="fourth_line_color" id="fourth_line_color" value="<?php echo e(@$item['fourth_line_color']); ?>" class="form-control colorpicker" aria-invalid="false">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="origin_state" class="form-label">State of Origin</label>
                    <select id="origin_state" name="origin_state" class="select2-icons form-select">
                        <?php $__currentLoopData = $origin_states; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $origin_state): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($origin_state['id']); ?>" <?php echo e($origin_state['id'] == @$item['origin_state_id']?'selected':''); ?>><?php echo e($origin_state['name']); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </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['logo_id'] > 0): ?>
                        <div class="dz-preview dz-processing dz-image-preview dz-success" id="image<?php echo e($item['logo']['id']); ?>">
                            <div class="dz-details">
                                <img class="thumbnail-image" data-dz-thumbnail="" alt="<?php echo e(@$item['logo']['original_name']); ?>" src="<?php echo e(getFile('s3', @$item['logo']['filename'])); ?>">
                            </div>
                            <a class="dz-remove" href="javascript:undefined;" data-dz-remove="" onclick="deleteImage(<?php echo e($item['logo']['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>

<script>
    //Dropzone.autoDiscover = false;
    $("div#dpz-image-upload").dropzone({
        paramName: "logo_image",
        url: '/<?php echo e($user_route); ?>/card_designs/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); ?>/card_designs/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); ?>/card_designs/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');
                }
            }
        });
    }

</script>

<?php /**PATH /www/wwwroot/ppt.com.ng/resources/views/dashboard/card_designs/modal.blade.php ENDPATH**/ ?>