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


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

        <!-- Start section -->
        <section class="profile_pg section">
            <div class="container">
                <div class="">
                    <ul class="main_nav nav nav-pills mb-0" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-tab1-tab" data-bs-toggle="pill" data-bs-target="#pills-tab1" type="button" role="tab" aria-controls="pills-tab1" aria-selected="true">
                                <?php echo e(__('web.profile_info')); ?>

                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-tab2-tab" data-bs-toggle="pill" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="false">
                                <?php echo e(__('web.my_orders')); ?>

                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" onclick="addressShow(this)" type-id="addresses_profile" id="pills-tab3-tab" data-bs-toggle="pill" data-bs-target="#pills-tab3" type="button" role="tab" aria-controls="pills-tab3" aria-selected="false">
                                <?php echo e(__('web.addresses')); ?>

                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" onclick="notificationShow()" id="pills-tab4-tab" data-bs-toggle="pill" data-bs-target="#pills-tab4" type="button" role="tab" aria-controls="pills-tab4" aria-selected="false">
                                <?php echo e(__('web.notifications')); ?>

                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link"  type="button"  data-bs-toggle="modal" data-bs-target="#logoutModal">
                                <?php echo e(__('web.logout')); ?>

                            </button>
                        </li>
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                            <div class="tab_wrapper profile_tab">
                                <div class="data_box">
                                    <h1 class="fw-bold color-primary text-center mb-5"> <?php echo e(__('web.profile_info')); ?> </h1>
                                    <div class="col-md-12 m-auto ">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="data-group">
                                                    <p class="data mb-0"><span class="icon"> <i class="fa-light fa-user"></i> </span> <?php echo e($user->name); ?></p>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="data-group">
                                                    <p class="data mb-0"><span class="icon"> <i class="fa-light fa-mobile"></i> </span> <span class="dir_ltr"><?php echo e($user->phone); ?></span>  </p>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="data-group">
                                                    <p class="data mb-0"><span class="icon"> <i class="fa-light fa-envelope"></i> </span> <?php echo e($user->email); ?>  </p>
                                                </div>
                                            </div>

                                        </div>


                                        <button class="butn primary_butn mt-5 m-auto editButton" > <?php echo e(__('web.edit_profile')); ?> </button>
                                    </div>
                                </div>
                                <div class="editData_box">
                                    <h1 class="fw-bold color-primary text-center mb-5"> <?php echo e(__('web.edit_profile')); ?> </h1>
                                    <form method="post" action="<?php echo e($action); ?>" onsubmit="formAction(this)">
                                        <?php echo method_field('PUT'); ?>
                                        <?php echo csrf_field(); ?>
                                        <div class="register_pg py-0">
                                            <div class="inner border-0 p-0">
                                                <div class="form_box row p-0">
                                                    <div class="col-lg-12">
                                                        <div class="form-group mb-4">
                                                            <input type="text" class="form-control" name="name" placeholder=" <?php echo e(__('users.name')); ?>   " value="<?php echo e($user->name); ?>"/>
                                                            <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group mb-4">
                                                            <input type="email" class="form-control" name="email" placeholder=" <?php echo e(__('users.email')); ?> " value="<?php echo e($user->email); ?>"/>
                                                            <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group phone_group mb-4">
                                                            <input name="phone" class="form-control digitsOnly" placeholder="XXX-XXX-XXX  " autofocus value="<?php echo e($user->phone); ?>" />
                                                            <span class="countryCode_span">+966</span>
                                                            <span class="icon">  <i class="fa-light fa-mobile"></i> </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group show_hide_password mb-4">
                                                            <input type="password" name="password" class="form-control shadow_input" placeholder="<?php echo e(__('users.password')); ?> "/>
                                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                                            <i class="show_pass far fa-eye-slash"></i>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group show_hide_password mb-4">
                                                            <input type="password" name="password_confirmation" class="form-control shadow_input" placeholder="<?php echo e(__('users.password_confirmation')); ?> "/>
                                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                                            <i class="show_pass far fa-eye-slash"></i>
                                                        </div>
                                                    </div>

                                                    <button class="butn primary_butn mt-5 m-auto" > <?php echo e(__('web.save')); ?>  </button>

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

                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade " id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                            <div class="tab_wrapper orders_tab">
                                <h1 class="fw-bold color-primary text-center mb-5">  <?php echo e(__('web.my_orders')); ?>     </h1>

                                <ul class="nav nav-pills mb-5" id="pills-tab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="pills-orderTab1-tab" data-id="" onclick="ordersShow(this)" data-bs-toggle="pill" data-bs-target="#pills-orderTab1" type="button" role="tab" aria-controls="pills-orderTab1" aria-selected="true"><?php echo e(__('web.all')); ?></button>
                                    </li>
                                    <?php $__currentLoopData = $order_statuses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link" id="pills-orderTab2-tab" data-id="<?php echo e($row); ?>" onclick="ordersShow(this)" data-bs-toggle="pill" data-bs-target="#pills-orderTab2" type="button" role="tab" aria-controls="pills-orderTab2" aria-selected="false"> <?php echo e(__('orders.statuses.'.$row)); ?>  </button>
                                        </li>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </ul>
                                <div id="orders"></div>
                            </div>
                        </div>
                        <div class="tab-pane fade " id="pills-tab3" role="tabpanel" aria-labelledby="pills-tab3-tab">
                            <div class="tab_wrapper loc_tab">
                                <h1 class="fw-bold color-primary text-center mb-5"><?php echo e(__('web.addresses')); ?></h1>
                                <div id="addresses">

                                </div>

                                <a href="<?php echo e(route('address.create')); ?>" class="butn primary_butn m-auto mt-5"> <?php echo e(__('web.add_new_address')); ?>   </a>


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

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

            </div>
        </section>


    </main>


    <div class="modal  logoutModal fade" id="logoutModal" 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">
                    <div class="content text-center mt-4">
                        <div class="icon_box">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/logout.png" class="icon" alt="" />
                        </div>
                        <h4 class="fs-4 title text-dark"><b>   <?php echo e(__('web.logout')); ?>  </b></h4>

                        <p class="det fs-6 text-center my-4">
                            <?php echo e(__('web.logout_sure')); ?>

                        </p>

                        <div class="d-flex justify-content-center align-items-center justify-content-center mt-4 ">
                            <button type="button" class="butn btn-secondary  mx-1" data-bs-dismiss="modal"><?php echo e(__('web.no')); ?></button>
                            <a href="<?php echo e(route('web.logout')); ?>" class="butn primary_butn mx-1"><?php echo e(__('web.yes')); ?></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<?php $__env->stopSection(); ?>
<?php $__env->startSection('inject_js'); ?>
    <script>
        let url_addresses = "<?php echo e(route('address.index')); ?>"
        let url_orders = "<?php echo e(route('web.order')); ?>"
        let url_fetch_cities = "<?php echo e(route('web.fetch.cities')); ?>"
        let url_notifications = "<?php echo e(route('web.notification')); ?>"
    </script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/custom/address.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/custom/profile.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/custom/relation.js"></script>
<?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/flower/resources/views/web/pages/profile/profile.blade.php ENDPATH**/ ?>