<?php $__env->startSection('content'); ?>

    <main>
        <!-- Start section -->
    <?php echo $__env->make('web.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <!-- Start section -->

        <section class="profile_pg section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="prof-side">
                            <div class="prof-data wrapper">
                                <div class="img-box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/avatar-4.png" alt="" class="sec-img">
                                </div>
                                <h5 class="name text-center mt-4 mb-0"><b>   <?php echo e($user->name); ?>  </b></h5>
                            </div>
                            <div class="links-data wrapper">
                                <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    <?php if($user->role == 'company'): ?>
                                        <button class="nav-link active" id="v-pills-tab-1-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab-1" type="button" role="tab" aria-controls="v-pills-tab-1" aria-selected="true">   Contract     </button>
                                        <?php if($user->active_account == 'active'): ?>
                                            <button class="nav-link" id="v-pills-tab0-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab0" type="button" role="tab" aria-controls="v-pills-tab0" aria-selected="false">Company details</button>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                        <button class="nav-link <?php if($user->role != 'company'): ?> active <?php endif; ?>" id="v-pills-tab1-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab1" type="button" role="tab" aria-controls="v-pills-tab1" aria-selected="true"> User details    </button>
                                        <button class="nav-link" id="v-pills-tab3-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab3" type="button" role="tab" onclick="orders()" aria-controls="v-pills-tab3" aria-selected="false">    My Orders </button>
                                        <button class="nav-link" id="v-pills-tab2-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab2" type="button" role="tab" onclick="locations()" aria-controls="v-pills-tab2" aria-selected="false">My Locations</button>
                                        <button class="nav-link" id="v-pills-tab4-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tab4" type="button" role="tab" onclick="notifications()" aria-controls="v-pills-tab4" aria-selected="false">   Notifications  </button>
                                    <button class="nav-link" type="button" data-bs-toggle="modal" data-bs-target="#logoutModal"> Logout  </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="tab-content" id="v-pills-tabContent">
                            <?php if($user->role == 'company'): ?>
                                <div class="tab-pane fade show active" id="v-pills-tab-1" role="tabpanel" aria-labelledby="v-pills-tab-1-tab">
                                    <div class="tab_wrapper contract_tab">
                                        <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                            Contract
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                        </h2>

                                        <div class="data-group">
                                            <span class="label color-gray2"> Download the client agreement contract file  </span>
                                            <a href="<?php echo e(asset(settings('verification_pdf'))); ?>" target="_blank" class="data mb-0 d-block"> Click Here  </a>
                                        </div>


                                        <form method="POST" action="<?php echo e($verification_action); ?>" onsubmit="formAction(this)">
                                            <?php echo csrf_field(); ?>
                                            <div class="form-group mb-4">
                                                <label class="label fw-bold mb-2 small"> Attach the client agreement contract file </label>
                                                <div class="drop_box">
                                                    <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="verification_file" />
                                                </div>
                                            </div>
                                            <button type="submit" class="butn primary_butn m-auto mt-5"> Save  </button>

                                        </form>


                                    </div>
                                </div>
                                <?php if($user->active_account == 'active'): ?>
                                    <div class="tab-pane fade" id="v-pills-tab0" role="tabpanel" aria-labelledby="v-pills-tab0-tab">
                                        <div class="tab_wrapper profile_tab">
                                            <div class="data_box">
                                                <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                                    Company details
                                                    <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                                </h2>

                                                <div class="col-md-10 m-auto ">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2">   Company name   </span>
                                                                <p class="data mb-0">  City Bike   </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2">   responsible for purchasing    </span>
                                                                <p class="data mb-0">Ahmed Mohamed   </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> E-mail     </span>
                                                                <p class="data mb-0">test@mail.com</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> Website URL     </span>
                                                                <p class="data mb-0">https://www.website.com/</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> picture of the company's exhibition from outside     </span>
                                                                <p class="data mb-0">
                                                                    <a href="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" class="comp_img" alt="">
                                                                    </a>
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> picture of the company's showroom from the inside    </span>
                                                                <p class="data mb-0">
                                                                    <a href="https://media.architecturaldigest.com/photos/5df25a57649df00009cd1e39/master/w_1600%2Cc_limit/HGA-office-PH_190207_N20.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://media.architecturaldigest.com/photos/5df25a57649df00009cd1e39/master/w_1600%2Cc_limit/HGA-office-PH_190207_N20.jpg" class="comp_img" alt="">
                                                                    </a>
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> Other pictures of the company's exhibition    </span>
                                                                <p class="data mb-0">
                                                                    <a href="https://media.architecturaldigest.com/photos/5df25a57649df00009cd1e39/master/w_1600%2Cc_limit/HGA-office-PH_190207_N20.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://media.architecturaldigest.com/photos/5df25a57649df00009cd1e39/master/w_1600%2Cc_limit/HGA-office-PH_190207_N20.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                    <a href="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                    <a href="https://www.decorilla.com/online-decorating/wp-content/uploads/2020/07/Commercial-office-space-design-by-one-of-the-best-interior-design-companies-Eastlake-Studio.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://www.decorilla.com/online-decorating/wp-content/uploads/2020/07/Commercial-office-space-design-by-one-of-the-best-interior-design-companies-Eastlake-Studio.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                    <a href="https://media.architecturaldigest.com/photos/5df25cd49cfda80008dbb29b/master/w_1600%2Cc_limit/HOK-ATL%2520OFFICE%25203.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://media.architecturaldigest.com/photos/5df25cd49cfda80008dbb29b/master/w_1600%2Cc_limit/HOK-ATL%2520OFFICE%25203.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                    <a href="https://www.synergyce.com/<?php echo e(url('')); ?>/assets/web/images/banner-home4.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://www.synergyce.com/<?php echo e(url('')); ?>/assets/web/images/banner-home4.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                    <a href="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" data-fancybox="<?php echo e(url('')); ?>/assets/web/images">
                                                                        <img src="https://i.pinimg.com/originals/11/61/97/1161979100f0ce8a6712b2fa7fe9747b.jpg" class="comp_img_small" alt="">
                                                                    </a>
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> The company's Amazon link     </span>
                                                                <p class="data mb-0">https://www.website.com/</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> The company's Noon link     </span>
                                                                <p class="data mb-0">https://www.website.com/</p>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    <button class="butn primary_butn m-auto mt-5" id="editButton"> Edit Profile  </button>
                                                </div>
                                            </div>
                                            <div class="editData_box">
                                                <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                                    Edit Profile
                                                    <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                                </h2>

                                                <form>
                                                    <div class="col-lg-10 m-auto">
                                                        <div class="profile-avatar mt-3 mb-4" id="imagePreview" style="background-image: url('<?php echo e(url('')); ?>/assets/web/images/avatar-4.png');">
                                                            <input type="file" class="custom-file-input" id="imageUpload" required="">
                                                            <button><i class="far fa-edit"></i></button>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Company name in English </label>
                                                                    <input type="text" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Company name in Arabic </label>
                                                                    <input type="text" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold">responsible for purchasing in English </label>
                                                                    <input type="text" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> responsible for purchasing in Arabic </label>
                                                                    <input type="text" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Email </label>
                                                                    <input type="text" class="form-control" placeholder="test@mail.com" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Website URL </label>
                                                                    <input type="text" class="form-control" placeholder="https://www.website.com/" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Company certificate & commercial registry certificate </label>
                                                                    <div class="drop_box">
                                                                        <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="demo1[]" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Added tax certificate </label>
                                                                    <div class="drop_box">
                                                                        <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="demo1[]" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> picture of the company's exhibition from outside</label>
                                                                    <div class="drop_box">
                                                                        <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="demo1[]" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> picture of the company's showroom from the inside </label>
                                                                    <div class="drop_box">
                                                                        <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG " name="demo1[]" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Other pictures of the company's exhibition </label>
                                                                    <div class="upload__box">
                                                                        <div class="upload__btn-box">
                                                                            <label class="upload__btn">
                                                                                <p>Supported files: PNG, JPG</p>
                                                                                <input type="file" multiple="" data-max_length="20" class="upload__inputfile">
                                                                            </label>
                                                                        </div>
                                                                        <div class="upload__img-wrap"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="links_box ">
                                                                <label class="label fw-bold text-center d-block fs-6 links_label"> The company's links  </label>
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group mb-4">
                                                                            <label class="label fw-bold"> The company's Amazon link  </label>
                                                                            <input type="text" class="form-control" placeholder="https://www.website.com/" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <div class="form-group mb-4">
                                                                            <label class="label fw-bold"> The company's Noon link  </label>
                                                                            <input type="text" class="form-control" placeholder="https://www.website.com/" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6 dynamic-field" id="dynamic-field-1">
                                                                        <div class="form-group mb-4">
                                                                            <label class="label fw-bold"> Another link  </label>
                                                                            <input type="text" class="form-control" placeholder="https://www.website.com/" />
                                                                        </div>
                                                                    </div>

                                                                    <div class="butns d-flex justify-content-center">
                                                                        <button type="button" id="add-button" class="sm_butn add_butn"><i class="fa fa-plus fa-fw"></i> Add another link </button>
                                                                        <button type="button" id="remove-button" class="sm_butn remove_butn" disabled="disabled"><i class="far fa-trash-alt"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>


                                                            <div class="col-md-6">
                                                                <div class="form-group show_hide_password mb-4">
                                                                    <label class="label fw-bold"> Password </label>
                                                                    <input type="password" class="form-control shadow_input" placeholder="****** ">
                                                                    <i class="show_pass far fa-eye-slash"></i>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group show_hide_password mb-4">
                                                                    <label class="label fw-bold"> Re-Password </label>
                                                                    <input type="password" class="form-control shadow_input" placeholder="****** ">
                                                                    <i class="show_pass far fa-eye-slash"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <button class="butn primary_butn m-auto mt-5"> Save  </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                <?php endif; ?>
                            <?php endif; ?>
                            <div class="tab-pane fade <?php if($user->role != 'company'): ?> show active <?php endif; ?>" id="v-pills-tab1" role="tabpanel" aria-labelledby="v-pills-tab1-tab">
                                <?php if($user->role == 'company'): ?>
                                    <div class="tab_wrapper profile_tab">
                                        <div class="data_box">
                                            <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                                Company details
                                                <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                            </h2>

                                            <div class="col-md-10 m-auto ">
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2">   Company name   </span>
                                                            <p class="data mb-0">  <?php echo e($user->name); ?>   </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2">   responsible for purchasing    </span>
                                                            <p class="data mb-0"><?php echo e($user->purchasing); ?>   </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2"> E-mail     </span>
                                                            <p class="data mb-0"><?php echo e($user->email); ?></p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2"> Website URL     </span>
                                                            <p class="data mb-0"><?php echo e($user->website_url); ?>/</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2"> picture of the company's exhibition from outside     </span>
                                                            <p class="data mb-0">
                                                                <a href="<?php echo e(asset($user->company_exhibition)); ?>" data-fancybox="images">
                                                                    <img src="<?php echo e(asset($user->company_exhibition)); ?>" class="comp_img" alt="">
                                                                </a>
                                                            </p>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="data-group">
                                                            <span class="label color-gray2"> picture of the company's showroom from the inside    </span>
                                                            <p class="data mb-0">
                                                                <a href="<?php echo e(asset($user->company_showroom)); ?>" data-fancybox="images">
                                                                    <img src="<?php echo e(asset($user->company_showroom)); ?>" class="comp_img" alt="">
                                                                </a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="data-group">
                                                            <span class="label color-gray2"> Other pictures of the company's exhibition    </span>
                                                            <p class="data mb-0">
                                                                <?php $__currentLoopData = $photos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                    <a href="<?php echo e(asset($row->photo)); ?>" data-fancybox="images">
                                                                        <img src="<?php echo e(asset($row->photo)); ?>" class="comp_img_small" alt="">
                                                                    </a>
                                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                                            </p>
                                                        </div>
                                                    </div>
                                                    <?php if($user->amazon_url): ?>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> The company's Amazon link     </span>
                                                                <p class="data mb-0"><?php echo e($user->amazon_url); ?></p>
                                                            </div>
                                                        </div>
                                                    <?php endif; ?>
                                                    <?php if($user->noon_url): ?>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> The company's Noon link     </span>
                                                                <p class="data mb-0"><?php echo e($user->noon_url); ?>/</p>
                                                            </div>
                                                        </div>
                                                    <?php endif; ?>
                                                    <?php $__currentLoopData = $links; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="col-lg-6">
                                                            <div class="data-group">
                                                                <span class="label color-gray2"> Additional link     </span>
                                                                <p class="data mb-0"><?php echo e($row->link); ?>/</p>
                                                            </div>
                                                        </div>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </div>



                                                <button class="butn primary_butn m-auto mt-5" id="editButton"> Edit Profile  </button>
                                            </div>

                                        <div class="editData_box">
                                            <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                                Edit Profile
                                                <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                            </h2>

                                            <form method="post" action="<?php echo e($action); ?>" onsubmit="formAction(this)">
                                                <?php echo csrf_field(); ?>
                                                <div class="col-lg-10 m-auto">
                                                    <div class="profile-avatar mt-3 mb-4" id="imagePreview" style="background-image: url('<?php echo e(asset($user->photo)); ?>');">
                                                        <input type="file" name="photo" class="custom-file-input" id="imageUpload" >
                                                        <button><i class="far fa-edit"></i></button>
                                                    </div>
                                                    <div class="row">
                                                        <?php $__currentLoopData = languages(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $lang): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold"> Company name in <?php echo e($lang->name); ?> </label>
                                                                    <input type="text" name="name_<?php echo e($lang->local); ?>" value="<?php echo e($user->descriptions($lang->id)->name); ?>" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group mb-4">
                                                                    <label class="label fw-bold">responsible for purchasing in <?php echo e($lang->name); ?> </label>
                                                                    <input type="text" name="purchasing_<?php echo e($lang->local); ?>" value="<?php echo e($user->descriptions($lang->id)->purchasing); ?>" class="form-control" placeholder="Full name" />
                                                                </div>
                                                            </div>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> Email </label>
                                                                <input type="email" name="email" value="<?php echo e($user->email); ?>" class="form-control" placeholder="test@mail.com" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> Website URL </label>
                                                                <input type="url" name="website_url" value="<?php echo e($user->website_url); ?>" class="form-control" placeholder="https://www.website.com/" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> Company certificate & commercial registry certificate </label>
                                                                <div class="drop_box">
                                                                    <input id="demo1"  class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="certificate_commercial" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> Added tax certificate </label>
                                                                <div class="drop_box">
                                                                    <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="tax_certificate" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> picture of the company's exhibition from outside</label>
                                                                <div class="drop_box">
                                                                    <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG, " name="company_exhibition" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> picture of the company's showroom from the inside </label>
                                                                <div class="drop_box">
                                                                    <input id="demo1" class="demo1" type="file" placeholder="Supported files: PNG, JPG " name="company_showroom	" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group mb-4">
                                                                <label class="label fw-bold"> Other pictures of the company's exhibition </label>
                                                                <div class="upload__box">
                                                                    <div class="upload__btn-box">
                                                                        <label class="upload__btn">
                                                                            <p>Supported files: PNG, JPG</p>
                                                                            <input type="file" name="photos[]" multiple="" data-max_length="20" class="upload__inputfile">
                                                                        </label>
                                                                    </div>
                                                                    <div class="upload__img-wrap"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="links_box ">
                                                            <label class="label fw-bold text-center d-block fs-6 links_label"> The company's links  </label>
                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group mb-4">
                                                                        <label class="label fw-bold"> The company's Amazon link  </label>
                                                                        <input type="url" name="amazon_url" value="<?php echo e($user->amazon_url); ?>" class="form-control" placeholder="https://www.website.com/" />
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group mb-4">
                                                                        <label class="label fw-bold"> The company's Noon link  </label>
                                                                        <input type="url" name="amazon_url" value="<?php echo e($user->noon_url); ?>" class="form-control" placeholder="https://www.website.com/" />
                                                                    </div>
                                                                </div>
                                                                <?php $__currentLoopData = $links; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                <div class="col-md-6 dynamic-field" id="dynamic-field-1">

                                                                        <div class="form-group mb-4">
                                                                            <label class="label fw-bold"> Another link  </label>
                                                                            <input type="url" name="links[]" value="<?php echo e($row->link); ?>" class="form-control" placeholder="https://www.website.com/" />
                                                                        </div>

                                                                </div>
                                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                                                <div class="butns d-flex justify-content-center">
                                                                    <button type="button" id="add-button" class="sm_butn add_butn"><i class="fa fa-plus fa-fw"></i> Add another link </button>
                                                                    <button type="button" id="remove-button" class="sm_butn remove_butn" ><i class="far fa-trash-alt"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-6">
                                                            <div class="form-group show_hide_password mb-4">
                                                                <label class="label fw-bold"> Password </label>
                                                                <input type="password" name="password" class="form-control shadow_input" placeholder="****** ">
                                                                <i class="show_pass far fa-eye-slash"></i>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group show_hide_password mb-4">
                                                                <label class="label fw-bold"> Re-Password </label>
                                                                <input type="password" name="password_confirmation" class="form-control shadow_input" placeholder="****** ">
                                                                <i class="show_pass far fa-eye-slash"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <button type="submit" class="butn primary_butn m-auto mt-5"> Save  </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                <?php else: ?>
                                    <div class="tab_wrapper profile_tab">
                                    <div class="data_box">
                                        <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                            User details
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                        </h2>

                                        <div class="col-md-10 m-auto ">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="data-group">
                                                        <span class="label color-gray2"> Full name   </span>
                                                        <p class="data mb-0"><?php echo e($user->name); ?>   </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2"> E-mail     </span>
                                                        <p class="data mb-0"><?php echo e($user->email); ?> </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2"> Phone number     </span>
                                                        <p class="data mb-0"> <?php echo e($user->phone); ?>   </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2">   Date of birth     </span>
                                                        <p class="data mb-0"> <?php echo e($user->birth); ?>   </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2">  Gender     </span>
                                                        <p class="data mb-0"> <?php echo e(__('web.'.$user->gender)); ?>  </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2">   Country    </span>
                                                        <p class="data mb-0"> <?php echo e($user->country->descriptions()->name); ?>  </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="data-group">
                                                        <span class="label color-gray2">  City     </span>
                                                        <p class="data mb-0"> <?php echo e($user->city->descriptions()->name); ?>  </p>
                                                    </div>
                                                </div>
                                            </div>



                                            <button class="butn primary_butn m-auto mt-5" id="editButton"> Edit Profile  </button>
                                        </div>
                                    </div>
                                    <div class="editData_box">
                                        <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                            Edit Profile
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                        </h2>

                                        <form method="post" action="<?php echo e($action); ?>" onsubmit="formAction(this)" enctype="multipart/form-data">
                                            <?php echo csrf_field(); ?>
                                            <div class="col-lg-10 m-auto">
                                                <div class="profile-avatar mt-3 mb-4" id="imagePreview" style="background-image: url('<?php echo e(asset($user->photo)); ?>');">
                                                    <input type="file" class="custom-file-input" id="imageUpload" name="photo">
                                                    <button><i class="far fa-edit"></i></button>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold"> Name </label>
                                                            <input type="text" name="name" value="<?php echo e($user->name); ?>" class="form-control" placeholder="Full name" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold"> Email </label>
                                                            <input type="email" name="email" value="<?php echo e($user->email); ?>" class="form-control" placeholder="test@mail.com" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold"> Phone number </label>
                                                            <input type="number" name="phone" value="<?php echo e($user->phone); ?>" class="form-control" placeholder="+966-000-000-000" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold">Date of birth</label>
                                                            <input type="date" name="date_of_birth" value="<?php echo e($user->date_of_birth); ?>" class="form-control" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold">Gender</label>
                                                            <select name="gender" class="form-control form-select">
                                                                <option <?php echo e($user->gender == 'male' ? 'selected' : ''); ?> value="male">Male</option>
                                                                <option <?php echo e($user->gender == 'female' ? 'selected' : ''); ?> value="female">female</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold">Country</label>
                                                            <select onchange="fetchCities(this)" target-id="city_id" name="country_id" class="form-control form-select">
                                                                <option value=""><?php echo e(__('web.select')); ?></option>
                                                                <?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                    <option <?php echo e($user->country_id == $row->id ? 'selected' : ''); ?> value="<?php echo e($row->id); ?>"><?php echo e($row->name); ?></option>
                                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group mb-4">
                                                            <label class="label fw-bold">City</label>
                                                            <select name="city_id" id="city_id" class="form-control city_id form-select">
                                                                <option value=""><?php echo e(__('web.select')); ?></option>
                                                                <?php $__currentLoopData = $cities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                    <option <?php echo e($user->city_id == $row->id ? 'selected' : ''); ?> value="<?php echo e($row->id); ?>"><?php echo e($row->name); ?></option>
                                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group show_hide_password mb-4">
                                                            <label class="label fw-bold"> Password </label>
                                                            <input type="password" name="password" class="form-control shadow_input" placeholder="****** ">
                                                            <i class="show_pass far fa-eye-slash"></i>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group show_hide_password mb-4">
                                                            <label class="label fw-bold"> Re-Password </label>
                                                            <input type="password" name="password_confirmation" class="form-control shadow_input" placeholder="****** ">
                                                            <i class="show_pass far fa-eye-slash"></i>
                                                        </div>
                                                    </div>

                                                </div>
                                                <button type="submit" class="butn primary_butn m-auto mt-5"> Save  </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <?php endif; ?>

                            </div>
                                <div class="tab-pane fade" id="v-pills-tab3"  role="tabpanel" aria-labelledby="v-pills-tab3-tab">

                                </div>
                                <div class="tab-pane fade" id="v-pills-tab2" role="tabpanel" aria-labelledby="v-pills-tab2-tab">

                                </div>
                                <div class="tab-pane fade" id="v-pills-tab4" role="tabpanel" aria-labelledby="v-pills-tab4-tab">

                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start section -->
        <?php echo $__env->make('web.layouts.newsletter', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    </main>
    <?php echo $__env->make('web.pages.components.modals.logout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <div class="modal locModal fade" id="editLocModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body mt-3" id="formAddress">

                </div>

            </div>
        </div>
    </div>
    <?php $__env->startSection('inject_js'); ?>
        <?php if(isset($request->locations)): ?>
            <script>
                setTimeout(function(){
                    $('#v-pills-tab2-tab').click()
                }, 700);

            </script>
        <?php endif; ?>
        <?php if(isset($request->notification)): ?>
            <script>
                setTimeout(function(){
                    $('#v-pills-tab4-tab').click()
                }, 700);

            </script>
        <?php endif; ?>
        <script>
            let url_fetch_orders = "<?php echo e(route('profile.orders')); ?>";
            let url_fetch_notifications = "<?php echo e(route('profile.notifications')); ?>";
            let url_fetch_locations = "<?php echo e(route('profile.locations')); ?>";
            let url_fetch_show_order = "<?php echo e(url(getCurrentLocale().'/order/status')); ?>";
        </script>
        <script>
            function showOrder(elem)
            {
                let status = $(elem).attr('data-id')
                let target = $(elem).attr('data-bs-target')
                $.ajax
                ({
                    url : url_fetch_show_order,
                    type: 'GET',
                    data: 'status='+status,
                    success:function(data)
                    {
                        $(target).html(data)
                    }
                })
            }
            function orders()
            {
                $.ajax
                ({
                    url : url_fetch_orders,
                    type: 'GET',
                    data: '',
                    success:function(data)
                    {
                        $('#v-pills-tab3').html(data)

                        setTimeout(function(){
                            $('#pills-tab1-tab').click();
                        }, 200);
                    }
                })
            }
            function notifications()
            {
                $.ajax
                ({
                    url : url_fetch_notifications,
                    type: 'GET',
                    data: '',
                    success:function(data)
                    {
                        $('#v-pills-tab4').html(data)
                    }
                })
            }
            function locations()
            {
                $.ajax
                ({
                    url : url_fetch_locations,
                    type: 'GET',
                    data: '',
                    success:function(data)
                    {
                        $('#v-pills-tab2').html(data)
                    }
                })
            }
            function locationForm(elem)
            {
                let url = $(elem).attr('target-id');
                $.ajax
                ({
                    url : url,
                    type: 'GET',
                    data: '',
                    success:function(data)
                    {
                        $('#formAddress').html(data)
                    }
                })
            }
            function deleteLocation(elem)
            {
                let url = $(elem).attr('target-id');
                $.ajax
                ({
                    url : url,
                    type: 'GET',
                    data: '',
                    success:function(data)
                    {
                        $('.loc_card').fadeOut(1000)
                    }
                })
            }

        </script>
        <script>
            jQuery(document).ready(function () {
                ImgUpload();
            });

            function ImgUpload() {
                var imgWrap = "";
                var imgArray = [];

                $('.upload__inputfile').each(function () {
                    $(this).on('change', function (e) {
                        imgWrap = $(this).closest('.upload__box').find('.upload__img-wrap');
                        var maxLength = $(this).attr('data-max_length');

                        var files = e.target.files;
                        var filesArr = Array.prototype.slice.call(files);
                        var iterator = 0;
                        filesArr.forEach(function (f, index) {

                            if (!f.type.match('image.*')) {
                                return;
                            }

                            if (imgArray.length > maxLength) {
                                return false
                            } else {
                                var len = 0;
                                for (var i = 0; i < imgArray.length; i++) {
                                    if (imgArray[i] !== undefined) {
                                        len++;
                                    }
                                }
                                if (len > maxLength) {
                                    return false;
                                } else {
                                    imgArray.push(f);

                                    var reader = new FileReader();
                                    reader.onload = function (e) {
                                        var html = "<div class='upload__img-box'><div style='background-image: url(" + e.target.result + ")' data-number='" + $(".upload__img-close").length + "' data-file='" + f.name + "' class='img-bg'><div class='upload__img-close'></div></div></div>";
                                        imgWrap.append(html);
                                        iterator++;
                                    }
                                    reader.readAsDataURL(f);
                                }
                            }
                        });
                    });
                });

                $('body').on('click', ".upload__img-close", function (e) {
                    var file = $(this).parent().data("file");
                    for (var i = 0; i < imgArray.length; i++) {
                        if (imgArray[i].name === file) {
                            imgArray.splice(i, 1);
                            break;
                        }
                    }
                    $(this).parent().parent().remove();
                });
            }
        </script>
        <script>


            $(document).ready(function() {
                var buttonAdd = $("#add-button");
                var buttonRemove = $("#remove-button");
                var className = ".dynamic-field";
                var count = 0;
                var field = "";
                var maxFields = 10;

                function totalFields() {
                    return $(className).length;
                }

                function addNewField() {
                    count = totalFields() + 1;
                    field = $("#dynamic-field-1").clone();
                    field.attr("id", "dynamic-field-" + count);
                    field.children("label").text("Field " + count);
                    field.find("input").val("");
                    $(className + ":last").after($(field));
                }

                function removeLastField() {
                    if (totalFields() > 1) {
                        $(className + ":last").remove();
                    }
                }

                function enableButtonRemove() {
                    if (totalFields() === 2) {
                        buttonRemove.removeAttr("disabled");
                        buttonRemove.addClass("shadow-sm");
                    }
                }

                function disableButtonRemove() {
                    if (totalFields() === 1) {
                        buttonRemove.attr("disabled", "disabled");
                        buttonRemove.removeClass("shadow-sm");
                    }
                }

                function disableButtonAdd() {
                    if (totalFields() === maxFields) {
                        buttonAdd.attr("disabled", "disabled");
                        buttonAdd.removeClass("shadow-sm");
                    }
                }

                function enableButtonAdd() {
                    if (totalFields() === (maxFields - 1)) {
                        buttonAdd.removeAttr("disabled");
                        buttonAdd.addClass("shadow-sm");
                    }
                }


                buttonAdd.click(function() {
                    addNewField();
                    enableButtonRemove();
                    disableButtonAdd();
                });

                buttonRemove.click(function() {
                    removeLastField();
                    disableButtonRemove();
                    enableButtonAdd();
                });
            });

        </script>
    <?php $__env->stopSection(); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/city/resources/views/web/pages/profile/profile.blade.php ENDPATH**/ ?>