One Hat Cyber Team

View File Name : 162dffa58890d74853e394a7ed4dec22.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;
    }
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
        width: 100%;
    }
</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['image_id']); ?>">
    <input type="hidden" id="live_image_id" name="live_image_id" value="<?php echo e(@$item['live_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>
        <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">
                
                <video id="video" width="640" height="480" autoplay></video>
                <button id="capture" class="btn btn-primary mt-2 mb-2" type="button">Capture</button>
                <canvas id="canvas" width="640" height="480" style="display:none;"></canvas>
                
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Name</label>
                        <input type="text" id="name" class="form-control" placeholder="Name" name="name" value="<?php echo e(@$item['name']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label class="form-label required" for="phoneNumber">Phone Number</label>
                    <div class="input-group input-group-merge">
                        <input type="text" id="phone" name="phone" class="form-control" value="<?php echo e(@$item['phone']); ?>" placeholder="1234567890">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="address" class="form-label required">Address</label>
                    <input type="text" class="form-control" id="address" name="address" value="<?php echo e(@$item['address']); ?>" placeholder="Address">
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="occupation" class="form-label">Occupation</label>
                    <select id="occupation" name="occupation" class="selectpicker" data-style="btn-default">
                        <?php $__currentLoopData = $occupations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $occupation): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($occupation['id']); ?>" <?php echo e($occupation['id'] == @$item['occupation_id']?'selected':''); ?>><?php echo e($occupation['name']); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="local_government" class="form-label">Local Government</label>
                    <select id="local_government" name="local_government" class="selectpicker" data-style="btn-default">
                        <?php $__currentLoopData = $local_governments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $local_government): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($local_government['id']); ?>" <?php echo e($local_government['id'] == @$item['local_government_id']?'selected':''); ?>><?php echo e($local_government['name']); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </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="selectpicker" data-style="btn-default">
                        <?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="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Age</label>
                        <input type="number" id="age" class="form-control" placeholder="Age" name="age" value="<?php echo e(@$item['age']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6" >
                    <label for="status" class="form-label">Sex</label>
                    <select id="sex" name="sex" class="selectpicker" data-style="btn-default">
                        <option value="Male" <?php echo e(@$item['sex'] == 'Male'?'selected':''); ?>>Male</option>
                        <option value="Female" <?php echo e(@$item['sex'] == 'Female'?'selected':''); ?>>Female</option>
                    </select>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Unit</label>
                        <input type="text" id="unit" class="form-control" placeholder="Unit" name="unit" value="<?php echo e(@$item['unit']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6" >
                    <label for="living_since" class="form-label">How long have you been living in this state?</label>
                    <select id="living_since" name="living_since" class="selectpicker" data-style="btn-default">
                        <?php for($i=0; $i<=20; $i++): ?>
                            <option value="<?php echo e($i); ?>" <?php echo e(@$item['living_since'] == $i?'selected':''); ?>><?php echo e($i); ?></option>
                        <?php endfor; ?>
                    </select>
                </div>
                <div class="mb-3 col-12 col-md-6" >
                    <label for="years_experience" class="form-label">Years of Experience</label>
                    <select id="years_experience" name="years_experience" class="selectpicker" data-style="btn-default">
                        <?php for($i=0; $i<=20; $i++): ?>
                            <option value="<?php echo e($i); ?>" <?php echo e(@$item['years_experience'] == $i?'selected':''); ?>><?php echo e($i); ?></option>
                        <?php endfor; ?>
                    </select>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Guarantor Name</label>
                        <input type="text" id="guarantor_name" class="form-control" placeholder="Guarantor Name" name="guarantor_name" value="<?php echo e(@$item['guarantor_name']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label class="form-label required" for="guarantorPhoneNumber">Guarantor Phone Number</label>
                    <div class="input-group input-group-merge">
                        <input type="text" id="guarantor_phone" name="guarantor_phone" class="form-control" value="<?php echo e(@$item['guarantor_phone']); ?>" placeholder="1234567890">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="guarantor_address" class="form-label required">Guarantor Address</label>
                    <input type="text" class="form-control" id="guarantor_address" name="guarantor_address" value="<?php echo e(@$item['guarantor_address']); ?>" placeholder="Guarantor Address">
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="security_question" class="form-label">Security Question</label>
                    <select id="security_question" name="security_question" class="selectpicker" data-style="btn-default">
                        <option value="What is the name of your pet?" <?php echo e('What is the name of your pet?' == @$item['security_question']?'selected':''); ?>>What is the name of your pet?</option>
                        <option value="What is the name of your Mother?" <?php echo e('What is the name of your Mother?' == @$item['security_question']?'selected':''); ?>>What is the name of your Mother?</option>
                        <option value="What is your favourite color?" <?php echo e('What is your favourite color?' == @$item['security_question']?'selected':''); ?>>What is your favourite color?</option>
                        <option value="What is your favourite city?" <?php echo e('What is your favourite city?' == @$item['security_question']?'selected':''); ?>>What is your favourite city?</option>
                        <option value="What is your favourite food?" <?php echo e('What is your favourite food?' == @$item['security_question']?'selected':''); ?>>What is your favourite food?</option>
                        <option value="What is the name of the first school you attended?" <?php echo e('What is the name of the first school you attended?' == @$item['security_question']?'selected':''); ?>>What is the name of the first school you attended?</option>
                    </select>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Your Answer</label>
                        <input type="text" id="security_answer" class="form-control" placeholder="Your Answer" name="security_answer" value="<?php echo e(@$item['security_answer']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <div class="form-label-group ">
                        <label class="form-label required">Next of Kin Name</label>
                        <input type="text" id="kin_name" class="form-control" placeholder="Next of Kin Name" name="kin_name" value="<?php echo e(@$item['kin_name']); ?>">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label class="form-label required" for="kin_phone">Next of Kin Phone</label>
                    <div class="input-group input-group-merge">
                        <input type="text" id="kin_phone" name="kin_phone" class="form-control" value="<?php echo e(@$item['kin_phone']); ?>" placeholder="1234567890">
                    </div>
                </div>
                <div class="mb-3 col-12 col-md-6">
                    <label for="kin_address" class="form-label required">Next of Kin Address</label>
                    <input type="text" class="form-control" id="kin_address" name="kin_address" value="<?php echo e(@$item['kin_address']); ?>" placeholder="Next of Kin Address">
                </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['passport_id']): ?>
                    <div class="dz-preview dz-processing dz-image-preview dz-success" id="image<?php echo e($item['passport']['id']); ?>">
                        <div class="dz-details">
                            <img class="thumbnail-image" data-dz-thumbnail="" alt="<?php echo e(@$item['passport']['original_name']); ?>" src="<?php echo e((isset($item['passport_id']))? getFile('s3', @$item['passport']['filename']) : ''); ?>">
                        </div>
                        <a class="dz-remove" href="javascript:undefined;" data-dz-remove="" onclick="deleteImage(<?php echo e($item['passport']['id']); ?>)" >Remove File</a>
                    </div>
                    <?php else: ?>
                    <div class="dz-message">Drop Passport 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: "passport_image",
        url: '/<?php echo e($user_route); ?>/users/passport/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); ?>/users/passport/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); ?>/users/passport/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');
                }
            }
        });
    }

    function selectCountry(){
        var countryId = document.getElementById('country').value;
        $.ajax({
            url: '/<?php echo e($user_route); ?>/countries/'+countryId+'/states',
            type: 'GET',
            data: {},
            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.states) {
                    document.getElementById('state').innerHTML = response.states;
                    document.getElementById('city').innerHTML = response.cities;
                }
            }
        });
    }

    function selectState(){
        var stateId = document.getElementById('state').value;
        $.ajax({
            url: '/<?php echo e($user_route); ?>/states/'+stateId+'/cities',
            type: 'GET',
            data: {},
            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.cities) {
                    document.getElementById('city').innerHTML = response.cities;
                }
            }
        });
    }
    
    $(".selectpicker").selectpicker();
</script>

<script>
        const video = document.getElementById('video');
        const canvas = document.getElementById('canvas');
        const captureButton = document.getElementById('capture');
        const constraints = {
            video: true
        };

        navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } })
            .then(stream => {
                video.srcObject = stream;
            })
            .catch(err => {
                console.error('Error accessing the camera:', err);
            });

        captureButton.addEventListener('click', () => {
            canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
            const imageData = canvas.toDataURL('image/png');
            
            // Now, you can send this imageData to your Laravel backend to save it.
            // You can use AJAX or other methods to send this data.
            
            $.ajax({
                url: "/<?php echo e($user_route); ?>/users/live/upload",
                type: 'POST',
                data: {
                    'imageData':imageData,
                },
                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) {
                        document.getElementById('live_image_id').value = response.file.id;
                        toastr.success(response.message, 'Success');
                    }
                }
            });
        });
    </script>

<?php /**PATH /home/goldbgzf/ctoppng.com/resources/views/dashboard/users/modal.blade.php ENDPATH**/ ?>