<?php $__env->startSection('content'); ?>
    <body class="fix-header fix-sidebar card-no-border">

    <div id="main-wrapper">

        <div class="page-wrapper customWrap">

            <div class="row page-titles">
                <div class="col-md-5 align-self-center">
                    <h3 class="text-themecolor">Profile</h3>
                </div>
                <div class="col-md-7 align-self-center">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="<?php echo e(route('front.index')); ?>">Home</a></li>
                        <li class="breadcrumb-item">pages</li>
                        <li class="breadcrumb-item active">Profile</li>
                    </ol>
                </div>
                <!-- <div>
                    <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
                </div> -->
            </div>

            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Start Page Content -->
                <!-- ============================================================== -->
                <!-- Row -->
                <div class="row">
                    <!-- Column -->
                    <div class="col-lg-4 col-xlg-3 col-md-5">
                        <div class="card">
                            <div class="card-body">
                                <center class="m-t-30">
                                    <form action="<?php echo e(route('dashboard.update.profile.image')); ?>" method="post"
                                          enctype="multipart/form-data">
                                        <?php echo csrf_field(); ?>
                                        <button type="submit" class="btn btn-primary">Save Image</button>
                                        <br>
                                        <label for="imageUpload">
                                            <img src="<?php echo e(asset('profile_image/' . $user->profile_image)); ?>"
                                                 id="previewImage" class="img-circle" width="150"/>
                                        </label>
                                        <input type="file" id="imageUpload" name="image" style="display: none;"
                                               accept="image/*" onchange="previewSelectedImage(event)">
                                        <h4 class="card-title m-t-10"><?php echo e($user->name); ?></h4>
                                        <h6 class="card-subtitle">Accounts Manager Amix corp</h6>
                                        <div class="row text-center justify-content-md-center">
                                            <div class="col-4"><a href="javascript:void(0)" class="link"><i
                                                        class="icon-people"></i> <font
                                                        class="font-medium"><?php echo e($friendsCount ?? ''); ?></font></a></div>
                                            <div class="col-4"><a href="javascript:void(0)" class="link"><i
                                                        class="icon-picture"></i> <font
                                                        class="font-medium"> <?php echo e($postsCount ?? ''); ?> </font></a></div>
                                        </div>
                                    </form>
                                </center>
                            </div>
                            <div>
                                <hr>
                            </div>
                            <div class="card-body"><small class="text-muted">Email address </small>
                                <h6><?php echo e($user->email); ?></h6> <small class="text-muted p-t-30 db">Phone</small>
                                <h6><?php echo e($user->phone_num); ?></h6> <small class="text-muted p-t-30 db">Address</small>
                                <h6><?php echo e($user->address); ?></h6>
                                <div class="map-box">
                                    <iframe
                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d190257.099314848!2d-88.04377090875768!3d41.833311318741636!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e2c3cd0f4cbed%3A0xafe0a6ad09c0c000!2sChicago%2C%20IL!5e0!3m2!1sen!2sus!4v1701367986201!5m2!1sen!2sus"
                                        width="350" height="300" style="border:0;" allowfullscreen="" loading="lazy"
                                        referrerpolicy="no-referrer-when-downgrade"></iframe>

                                </div>
                                <small class="text-muted p-t-30 db">Social Profile</small>
                                <br/>
                                <button class="btn btn-circle btn-secondary"><i class="fab fa-facebook-f"></i></button>
                                <button class="btn btn-circle btn-secondary"><i class="fab fa-twitter"></i></button>
                                <button class="btn btn-circle btn-secondary"><i class="fab fa-youtube"></i></button>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                    <!-- Column -->
                    <div class="col-lg-8 col-xlg-9 col-md-7">
                        <div class="card">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs profile-tab" role="tablist">
                                
                                
                                <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#profile"
                                                        role="tab">Profile</a>
                                </li>
                                
                                
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content">
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            

                            
                            <!--second tab-->
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                <div class="tab-pane active" id="profile" role="tabpanel">
                                    <div class="card-body">
                                        <form class="form-horizontal form-material"
                                              action="<?php echo e(route('dashboard.update.profile')); ?>" method="post"
                                              enctype="multipart/form-data">
                                            <?php echo csrf_field(); ?>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label>Full Name</label>
                                                    <div>
                                                        <input type="text" name="name" placeholder="Johnathan Doe"
                                                               class="form-control form-control-line"
                                                               value="<?php echo e($user->name ?? ''); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="example-email">Email</label>
                                                    <div>
                                                        <input type="email" name="email"
                                                               placeholder="johnathan@admin.com"
                                                               class="form-control form-control-line"
                                                               name="example-email"
                                                               id="example-email" value="<?php echo e($user->email ?? ''); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-3"
                                                >
                                                    <label>Phone No</label>
                                                    <div>
                                                        <input type="number" name="phone_num" placeholder="123 456 7890"
                                                               class="form-control form-control-line"
                                                               value="<?php echo e($user->phone_num ?? ''); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label class="col-sm-12">Select Country</label>
                                                    <div class="col-sm-12">
                                                        <select class="form-control form-control-line" name="country"
                                                                id="countrySelect">
                                                            <option>United Kingdom</option>
                                                            <option>Canada</option>
                                                            <option>India</option>
                                                            <option>United State</option>
                                                            <option>Australia</option>
                                                            <option>Pakistan</option>
                                                            <option>Germany</option>
                                                            <option>France</option>
                                                            <option>Japan</option>
                                                            <option>Brazil</option>
                                                            <option>China</option>
                                                            <option>Russia</option>
                                                            <option>Mexico</option>
                                                            <option>Japan</option>
                                                            <option>Italy</option>
                                                            <option>Spain</option>
                                                            <option>Turkey</option>
                                                            <option>Argentina</option>
                                                            <option>Africa</option>
                                                            <option>Thailand</option>
                                                        </select>

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-12">Address</label>
                                                <div class="col-md-12">
                                                    <input type="text" name="address" placeholder="Full Address"
                                                           class="form-control form-control-line"
                                                           value="<?php echo e($user->address ?? ''); ?>">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-12">Message</label>
                                                <div class="col-md-12">
                                                    <textarea rows="5" name="message"
                                                              class="form-control form-control-line"><?php echo e($user->message ?? ''); ?></textarea>
                                                </div>
                                            </div>


                                            <div class="form-group col-sm-3 float-right">
                                                <div class="col-sm-12 mb-5 d-flex justify-content-end">
                                                    <button class="btn btn-success ">Update Profile</button>
                                                </div>
                                            </div>

                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                </div>
                <!-- Row -->
                <!-- ============================================================== -->
                <!-- End PAge Content -->
                <!-- ============================================================== -->
                <!-- ============================================================== -->
                <!-- Right sidebar -->
                <!-- ============================================================== -->
                <!-- .right-sidebar -->
                <div class="right-sidebar">
                    <div class="slimscrollright">
                        <div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span>
                        </div>
                        <div class="r-panel-body">
                            <ul id="themecolors" class="m-t-20">
                                <li><b>With Light sidebar</b></li>
                                <li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
                                <li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
                                <li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
                                <li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
                                <li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
                                <li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
                                <li class="d-block m-t-30"><b>With Dark sidebar</b></li>
                                <li><a href="javascript:void(0)" data-theme="default-dark"
                                       class="default-dark-theme">7</a></li>
                                <li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a>
                                </li>
                                <li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
                                <li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a>
                                </li>
                                <li><a href="javascript:void(0)" data-theme="purple-dark"
                                       class="purple-dark-theme">11</a></li>
                                <li><a href="javascript:void(0)" data-theme="megna-dark"
                                       class="megna-dark-theme ">12</a></li>
                            </ul>
                            <ul class="m-t-20 chatonline">
                                <li><b>Chat option</b></li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/img42.jpg')); ?>" alt="user-img"
                                                                      class="img-circle"> <span>Varun Dhavan <small
                                                class="text-success">online</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/img47.jpg')); ?>" alt="user-img"
                                                                      class="img-circle"> <span>Genelia Deshmukh <small
                                                class="text-warning">Away</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/img48.jpg')); ?>" alt="user-img"
                                                                      class="img-circle"> <span>Ritesh Deshmukh <small
                                                class="text-danger">Busy</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/img49.jpg')); ?>" alt="user-img"
                                                                      class="img-circle"> <span>Arijit Sinh <small
                                                class="text-muted">Offline</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/img41.jpg')); ?>" alt="user-img"
                                                                      class="img-circle"> <span>Govinda Star <small
                                                class="text-success">online</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/users/6.jpg')); ?>"
                                                                      alt="user-img" class="img-circle">
                                        <span>John Abraham<small
                                                class="text-success">online</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/users/7.jpg')); ?>"
                                                                      alt="user-img" class="img-circle">
                                        <span>Hritik Roshan<small
                                                class="text-success">online</small></span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)"><img src="<?php echo e(asset('images/users/8.jpg')); ?>"
                                                                      alt="user-img" class="img-circle">
                                        <span>Pwandeep rajan <small
                                                class="text-success">online</small></span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- End Right sidebar -->
                <!-- ============================================================== -->
            </div>

        </div>

    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var selectedCountry = "<?php echo e($user->country); ?>";
            var selectElement = document.getElementById("countrySelect");

            for (var i = 0; i < selectElement.options.length; i++) {
                if (selectElement.options[i].value === selectedCountry) {
                    selectElement.options[i].selected = true;
                    break;
                }
            }
        });

        function previewSelectedImage(event) {
            var reader = new FileReader();
            reader.onload = function () {
                var previewImage = document.getElementById('previewImage');
                previewImage.src = reader.result;
            };
            reader.readAsDataURL(event.target.files[0]);
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.dashboard-app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/servicedemoweb/public_html/global-man-cave/resources/views/dashboard/profile.blade.php ENDPATH**/ ?>