One Hat Cyber Team

View File Name : b7ac161bc8769d966c0646cc1f559359.php

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

<?php $__env->startPush('css'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/select2/select2.css')); ?>">
    <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
    <style>
        .margin-right-1{
            margin-right: 0.75rem;
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="dropzone-previews d-none"></div>
        <div class="col-md-4 col-6">
            <div class="media mb-3">
                <a class="mr-2 my-25" href="#">
                    <img src="<?php echo e(Auth::user()['image']); ?>" alt="users avatar" class="users-avatar-shadow rounded" width="90" height="90">
                </a>
                <div class="media-body mt-50">
                    <h4 class="media-heading"><?php echo e(Auth::user()['name']); ?></h4>
                    <div class="col-12 d-flex mt-1 px-0">
                        <button id="dpz-single-file" class="btn btn-outline-primary d-none d-sm-block waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                        <button class="btn btn-outline-primary d-block d-sm-none waves-effect waves-light margin-right-1"><i class="ti ti-file-pencil"></i></button>
                        <button data-toggle="post-feed" data-feed="/profile/image/remove" class="btn btn-outline-danger d-none d-sm-block waves-effect waves-light">Remove</button>
                        <button data-toggle="post-feed" data-feed="/profile/image/remove" class="btn btn-outline-danger d-block d-sm-none waves-effect waves-light"><i class="ti ti-trash"></i></button>
                    </div>
                </div>
            </div>
        </div>



        <div class="card mb-4">
            <h5 class="card-header">Profile Details</h5>
            
            <hr class="my-0">
            <div class="card-body">
                <form method="POST" action="/profile" class="fv-plugins-bootstrap5 fv-plugins-framework">
                    <?php echo csrf_field(); ?>
                    <div class="row">
                        <div class="mb-3 col-md-6 fv-plugins-icon-container">
                            <label for="firstName" class="form-label">Name</label>
                            <input class="form-control" type="text" id="name" name="name" value="<?php echo e($user['name']); ?>" required="required" autofocus="">
                            <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div></div>
                        <div class="mb-3 col-md-6">
                            <label for="email" class="form-label">E-mail</label>
                            <input class="form-control" type="text" id="email" name="email" value="<?php echo e($user['email']); ?>" placeholder="E-mail" >
                        </div>
                        <input type="password" class="d-none">
                        <div class="mb-3 col-md-6">
                            <label for="password" class="form-label">Password</label>
                            <input class="form-control" type="password" id="password" name="password" value="" placeholder="Password" >
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="confirm_password" class="form-label">Confirm Password</label>
                            <input class="form-control" type="password" id="confirm_password" name="confirm_password" value="" placeholder="Confirm Password" >
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" 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($user['phone']); ?>" placeholder="1234567890">
                            </div>
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="address_line_1" class="form-label">Address Line 1</label>
                            <input type="text" class="form-control" id="address_line_1" name="address_line_1" value="<?php echo e($user['address_line_1']); ?>" placeholder="Address Line 1">
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="address_line_2" class="form-label">Address Line 2</label>
                            <input type="text" class="form-control" id="address_line_2" name="address_line_2" value="<?php echo e($user['address_line_2']); ?>" placeholder="Address Line 2">
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="country" class="form-label">Country</label>
                            <select id="country" name="country" class="select2-icons form-select" onchange="selectCountry()">
                                <?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($country['id']); ?>" <?php echo e($country['id'] == @$user['country_id']?'selected':''); ?>><?php echo e($country['name']); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="state" class="form-label">State</label>
                            <select id="state" name="state" class="select2-icons form-select" onchange="selectState()">
                                <?php $__currentLoopData = $states; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $state): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($state['id']); ?>" <?php echo e($state['id'] == @$user['state_id']?'selected':''); ?>><?php echo e($state['name']); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="city" class="form-label">City</label>
                            <select id="city" name="city" class="select2-icons form-select">
                                <?php $__currentLoopData = $cities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $city): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($city['id']); ?>" <?php echo e($city['id'] == @$user['city_id']?'selected':''); ?>><?php echo e($city['name']); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="postal_code" class="form-label">Postal Code</label>
                            <input type="text" class="form-control" id="postal_code" name="postal_code" value="<?php echo e($user['postal_code']); ?>" placeholder="231465" maxlength="6">
                        </div>
                        <div class="mb-3 col-md-6">
                            <label for="timezone" class="form-label">Timezone</label>
                            <select id="timezone" name="timezone" class="select2-icons form-select">
                                <?php $__currentLoopData = $timezones; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $timezone): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($timezone['id']); ?>" <?php echo e($timezone['id'] == @$user['timezone_id']?'selected':''); ?>><?php echo e($timezone['name']); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="mt-2">
                            <button type="submit" class="btn btn-primary me-2 waves-effect waves-light">Save changes</button>
                            <button type="reset" class="btn btn-label-secondary waves-effect">Cancel</button>
                        </div>
                    <input type="hidden">
                    </div>
                </form>
            </div>
        </div>
    </div>
    <?php echo $__env->make('dashboard.layout.modals', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('js'); ?>
    <script src="<?php echo e(asset('/assets/vendor/libs/select2/select2.js')); ?>"></script>
    <script src="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone-min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>

    <script>

        $(document).on('click', '[data-toggle="post-feed"]', function (e) {
            e.preventDefault();
            let url = $(this).attr('data-feed');
            swal.fire({
                title: 'Are you sure?',
                text: 'This cannot be undone',
                type: 'warning',
                showCancelButton: !0,
                confirmButtonText: 'Yes, Do it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: !0

            }).then(function (e) {
                if (e.value) {
                    $.ajax({
                        url: url,
                        type: 'POST',
                        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.message) {
                                toastr.success(response.message, 'Success');
                            } else {
                                toastr.success('All Done', 'Success');
                            }
                            if (response.location)
                                window.location = response.location;
                        }
                    });
                }
            });
        });

        Dropzone.autoDiscover = false;
        $("button#dpz-single-file").dropzone({
            paramName: "avatar",
            url: '/profile/image/upload',
            params: {
                '_token': $('meta[name="csrf-token"]').attr('content')
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            maxFiles: 1,
            uploadMultiple: false,
            acceptedFiles: 'image/*',
            previewsContainer: ".dropzone-previews",
            createImageThumbnails: false,
            init: function () {
                this.on("maxfilesexceeded", function (file) {
                    this.removeAllFiles();
                    this.addFile(file);
                });
                this.on("addedfile",function () {
                    $('button#dpz-single-file i').toggleClass('d-none');
                });
                this.on("success",function (file,response) {
                    $('button#dpz-single-file i').toggleClass('d-none');
                    if (response.message){
                        toastr.success(response.message);
                    }
                    if (response.location){
                        window.location = response.location;
                    }
                });
                this.on("error",function (file,response) {
                    $('button#dpz-single-file i').toggleClass('d-none');
                    $.each(response, function (key, value) {
                        if ($.isPlainObject(value)) {
                            $.each(value, function (key, value) {
                                toastr.error(value, 'Error');
                            });
                        }
                    });
                })
            }
        });

        function selectCountry(){
            var countryId = document.getElementById('country').value;
            $.ajax({
                url: '/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: '/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;
                    }
                }
            });
        }



        // Init 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 /home/empartsotifcrew/public_html/resources/views/dashboard/profile.blade.php ENDPATH**/ ?>