@extends('website.layouts.app')
@section('content')
    <section id="breadcrumb">
        <div class="container-fluid fixedwidth">
            <div class="row d-flex justify-content-center align-item-center ">
                <div class="col-lg-9">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mt-lg-5 pt-4 pt-lg-0" style="margin-bottom: -25px;">
                            <li class="breadcrumb-item">
                                <a href="{{ route('website.home') }}">
                                    @if (session('app_language', 'en') == 'en')
                                        Home
                                    @else
                                        بيت
                                    @endif
                                </a>
                            </li>
                            <li class="breadcrumb-item active">
                                @if (session('app_language', 'en') == 'en')
                                    My Account
                                @else
                                    حسابي
                                @endif
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <section id="dashboard">
        <div class="container-fluid mt-4 fixedwidth">
            <div class="row d-flex justify-content-center align-items-center">
                <div class="col-lg-9">
                    <div class="top-title text-start ">
                        <h2 class="mb-lg-5 mb-3 {{ session('app_language', 'en') == 'ar' ? 'text-end' : 'text-start' }}">
                            @if (session('app_language', 'en') == 'en')
                                My Account
                            @else
                                حسابي
                            @endif
                        </h2>
                    </div>
                    <div class="nav-container rounded-5 mb-4">
                        <ul class="nav nav-pills" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#pills-dashboard"
                                    type="button" role="tab" aria-controls="pills-dashboard" aria-selected="false">
                                    @if (session('app_language', 'en') == 'en')
                                        Dashboard
                                    @else
                                        لوحة القيادة
                                    @endif
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-orders" type="button"
                                    role="tab" aria-controls="pills-orders" aria-selected="false">
                                    @if (session('app_language', 'en') == 'en')
                                        Orders
                                    @else
                                        طلبات
                                    @endif
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-addresses"
                                    type="button" role="tab" aria-controls="pills-addresses" aria-selected="false">
                                    @if (session('app_language', 'en') == 'en')
                                        Addresses
                                    @else
                                        العناوين
                                    @endif
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pills-wishlist"
                                    type="button" role="tab" aria-controls="pills-wishlist" aria-selected="false">
                                    @if (session('app_language', 'en') == 'en')
                                        Wishlist
                                    @else
                                        قائمة الرغبات
                                    @endif
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="{{ route('website.customer.logout') }}" class="nav-link">
                                    @if (session('app_language', 'en') == 'en')
                                        Logout
                                    @else
                                        تسجيل الخروج
                                    @endif
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class="tab-content mt-3 " id="pills-tabContent">
                        <div class="tab-pane fade active show" id="pills-dashboard" role="tabpanel"
                            aria-labelledby="pills-dashboard-tab" tabindex="0">
                            <div class="table-responsive rounded-4 mb-5 pt-md-4 pt-3">
                                <form method="POST" id="customerProfileUpdate">
                                    @csrf
                                    <div class="row d-flex justify-content-center align-items-start">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div id="form-display">
                                                <div class="top-titleformaccount text-center">
                                                    <h3
                                                        class=" {{ session('app_language', 'en') == 'ar' ? 'text-end' : 'text-start' }}">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Account Detail
                                                        @else
                                                            تفاصيل الحساب
                                                        @endif
                                                    </h3>
                                                </div>
                                                <div class="row d-flex justify-content-between align-items-center">
                                                    <div class="col-lg-6 mb-3">
                                                        <label class="form-label">
                                                            @if (session('app_language', 'en') == 'en')
                                                                First Name
                                                            @else
                                                                الاسم الأول
                                                            @endif
                                                        </label>
                                                        <input type="hidden" name="id" value="{{ $user->id }}">
                                                        <input type="text" name="customer_first_name"
                                                            id="customer_first_name" class="form-control" placeholder=""
                                                            value="{{ $user->first_name ?? ' ' }}">
                                                        <p class="text-danger"></p>
                                                    </div>
                                                    <div class="col-lg-6 mb-3">
                                                        <label class="form-label">
                                                            @if (session('app_language', 'en') == 'en')
                                                                Last Name
                                                            @else
                                                                اسم العائلة
                                                            @endif
                                                        </label>
                                                        <input type="text" name="customer_last_name"
                                                            id="customer_last_name" class="form-control" placeholder=""
                                                            value="{{ $user->last_name ?? ' ' }}">
                                                        <p class="text-danger"></p>
                                                    </div>
                                                </div>
                                                <div class="row d-flex justify-content-between align-items-center">
                                                    <div class="col-lg-12 mb-3">
                                                        <label class="form-label">
                                                            @if (session('app_language', 'en') == 'en')
                                                                Email Address
                                                            @else
                                                                عنوان البريد الإلكتروني
                                                            @endif
                                                            <span>*</span>
                                                        </label>
                                                        <input type="email" name="customer_email" id="customer_email"
                                                            class="form-control" placeholder=""
                                                            value="{{ $user->email ?? ' ' }}">
                                                        <p class="text-danger"></p>
                                                    </div>
                                                    <div class="col-lg-12 mb-3">
                                                        <label class="form-label">
                                                            @if (session('app_language', 'en') == 'en')
                                                                Phone Number
                                                            @else
                                                                رقم التليفون
                                                            @endif
                                                        </label>
                                                        <input type="text" name="customer_phone" id="customer_phone"
                                                            class="form-control" placeholder=""
                                                            value="{{ $user->phone ?? ' ' }}">
                                                        <p class="text-danger"></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12 ">
                                            <div class="d-flex align-items-start">
                                                <div
                                                    class="divider mt-5 {{ session('app_language', 'en') == 'ar' ? 'me-lg-4 ms-lg-5 me-md-0 ms-md-3' : 'ms-lg-4 me-lg-5 ms-md-0 me-md-3' }}">
                                                </div>
                                                <div id="form-display">

                                                    <div class="top-titleformaccount text-center">
                                                        <h3
                                                            class="{{ session('app_language', 'en') == 'ar' ? 'text-end' : 'text-start' }}">
                                                            @if (session('app_language', 'en') == 'en')
                                                                Change Password
                                                            @else
                                                                تغيير كلمة المرور
                                                            @endif
                                                        </h3>
                                                    </div>
                                                    <div class="row d-flex  align-items-start">
                                                        {{-- {{ $user->type ?? '' }} --}}
                                                        {{-- @if ($user->type != 'Guest' || $user->type != 'Whatsapp')
                                                            <div class="col-lg-12 mb-3">
                                                                <label class="form-label">
                                                                    @if (session('app_language', 'en') == 'en')
                                                                        Old Password
                                                                    @else
                                                                        كلمة المرور القديمة
                                                                    @endif
                                                                </label>
                                                                <input type="password" name="old_password"
                                                                    id="old_password" class="form-control"
                                                                    placeholder="">
                                                                <p class="text-danger"></p>
                                                            </div>
                                                        @endif --}}
                                                        <input type="hidden" name="user_type"
                                                            value="{{ $user->type ?? '' }}">
                                                        @if ($user->type != 'Guest' && $user->type != 'Whatsapp')
                                                            <div class="col-lg-12 mb-3">
                                                                <label class="form-label">
                                                                    @if (session('app_language', 'en') == 'en')
                                                                        Old Password
                                                                    @else
                                                                        كلمة المرور القديمة
                                                                    @endif
                                                                </label>
                                                                <input type="password" name="old_password"
                                                                    id="old_password" class="form-control"
                                                                    placeholder="">
                                                                <p class="text-danger"></p>
                                                            </div>
                                                        @endif
                                                        <div class="col-lg-12 mb-3">
                                                            <label class="form-label">
                                                                @if (session('app_language', 'en') == 'en')
                                                                    New Password
                                                                @else
                                                                    كلمة المرور الجديدة
                                                                @endif
                                                            </label>
                                                            <input type="password" name="new_password" id="new_password"
                                                                class="form-control" placeholder="">
                                                            <p class="text-danger"></p>
                                                        </div>
                                                        <div class="col-lg-12 mb-3">
                                                            <label class="form-label">
                                                                @if (session('app_language', 'en') == 'en')
                                                                    Re-enter Password
                                                                @else
                                                                    أعد إدخال كلمة المرور
                                                                @endif
                                                            </label>
                                                            <input type="password" name="confirm_password"
                                                                id="confirm_password" class="form-control"
                                                                placeholder="">
                                                            <p class="text-danger"></p>
                                                        </div>
                                                        <div
                                                            class="col-lg-12 mt-5 pt-5 d-lg-none d-md-block d-none for_adjustment">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div
                                            class="mb-3 g-count-btn row d-flex justify-content-between align-items-center">
                                            <div class="col-lg-2 col-md-2 col-12 mt-xl-4 mt-2 ">
                                                <div class="cart_button myaccountbtn ">
                                                    <input type="submit" value="Submit" class="btn btn-primary">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="tab-pane fade orders " id="pills-orders" role="tabpanel"
                            aria-labelledby="pills-orders-tab" tabindex="0">

                            <div class="table-responsive rounded-4 mb-5">
                                <table class="table table-borderless">
                                    <thead>
                                        <tr>
                                            <th>
                                                @if (session('app_language', 'en') == 'en')
                                                    Order
                                                @else
                                                    الطلب
                                                @endif
                                            </th>
                                            <th>
                                                @if (session('app_language', 'en') == 'en')
                                                    Date
                                                @else
                                                    التاريخ
                                                @endif
                                            </th>
                                            <th>
                                                @if (session('app_language', 'en') == 'en')
                                                    Status
                                                @else
                                                    الحالة
                                                @endif
                                            </th>
                                            <th>
                                                @if (session('app_language', 'en') == 'en')
                                                    Total
                                                @else
                                                    الإجمالي
                                                @endif
                                            </th>
                                            <th>
                                                @if (session('app_language', 'en') == 'en')
                                                    Actions
                                                @else
                                                    الإجراءات
                                                @endif
                                            </th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($orders) > 0)
                                            @foreach ($orders as $item)
                                                <tr>
                                                    <td>
                                                        #{{ $item->id ?? '' }}
                                                    </td>
                                                    <td>
                                                        {{ $item->created_at ? $item->created_at->format('F d, Y') : '' }}
                                                    </td>
                                                    <td>
                                                        {{-- <span
                                                            class="badge
                                                            @if ($item->status == 'pending') bg-warning
                                                            @elseif ($item->status == 'processing') bg-primary
                                                            @elseif ($item->status == 'completed') bg-success
                                                            @elseif ($item->status == 'out_for_delivery') bg-success
                                                            @elseif ($item->status == 'cancelled') bg-danger @endif">
                                                            {{ ucfirst($item->status) }}
                                                        </span>
                                                        @if ($item->status == 'pending')
                                                            <span class="badge badge-warning">Pending</span>
                                                        @elseif($item->status == 'processing')
                                                            <span class="badge badge-warning">Processing</span>
                                                        @endif --}}
                                                        @php
                                                            $statusClass = match ($item->status) {
                                                                'pending' => 'bg-warning',
                                                                'processing' => 'bg-primary',
                                                                'completed', 'out_for_delivery' => 'bg-success',
                                                                'cancelled' => 'bg-danger',
                                                                default => 'bg-secondary',
                                                            };
                                                        @endphp

                                                        <span class="badge {{ $statusClass }}">
                                                            {{ ucwords(str_replace('_', ' ', $item->status)) }}
                                                        </span>

                                                    </td>
                                                    <td>{{$item->currency_code ?? ''}} {{ $item->subtotal ?? '' }}</td>
                                                    <td>
                                                        <div class="btn-action">
                                                            <a href="{{ route('website.order.details', $item->id) }}">
                                                                @if (session('app_language', 'en') == 'en')
                                                                    View
                                                                @else
                                                                    منظر
                                                                @endif
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="5">
                                                    <center>
                                                        @if (session('app_language', 'en') == 'en')
                                                            <h3>Orders not Available</h3>
                                                        @else
                                                            <h3>الطلبات غير متوفرة</h3>
                                                        @endif
                                                    </center>
                                                </td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- <div class="tab-pane fade subcription" id="pills-subscriptions" role="tabpanel"
                            aria-labelledby="pills-subscriptions-tab" tabindex="0">
                            <div class="table-responsive rounded-4 mb-5">
                                <div class="row d-flex justify-content-between align-items-center ">
                                    <div class="col-lg-8 col-md-6 col-12">
                                        <p><i class="fa-solid fa-check icon_done me-2"></i>You have no active
                                            subscriptions.
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-12 text-end">
                                        <div class=" btn-action"><a href="#">Browse Products</a></div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                        <div class="tab-pane fade" id="pills-addresses" role="tabpanel"
                            aria-labelledby="pills-addresses-tab" tabindex="0">
                            <div class=" table-responsive rounded-4 mb-5">
                                <p>
                                    @if (session('app_language', 'en') == 'en')
                                        The following addresses will be used on the checkout page by default.
                                    @else
                                        سيتم استخدام العناوين التالية في صفحة الخروج بشكل افتراضي.
                                    @endif
                                </p>
                                <form id="userAddressForm" method="POST">
                                    {{-- <form action="{{ route('account.recipient.store') }}" method="POST"> --}}
                                    @csrf
                                    <div class="row d-flex justify-conten-between align-items-center mt-4">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <h5>
                                                @if (session('app_language', 'en') == 'en')
                                                    Billing Details
                                                @else
                                                    تفاصيل الفواتير
                                                @endif
                                            </h5>
                                            <div class="box p-2" id="billing-detail">
                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient's Name
                                                        @else
                                                            اسم المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="text" class="form-control" name="sender_namebp"
                                                        id="sender_namebp" value="{{ isset($user) ? $user->billing_name : '' }}">
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                <div class="col-12 mb-3 mt-0">
                                                    <label for="sender_country_number" class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Phone Number
                                                        @else
                                                            رقم التليفون
                                                        @endif
                                                    </label>
                                                    <div class="form-select-container_2">
                                                        <select class="form-select" id="sender_country_codebp"
                                                            name="sender_country_codebp">
                                                            {{-- <option value="+1">US (+1)</option>
                                                            <option value="+971">UAE (+971)</option> --}}
                                                            <option value="+966">Saudi Arabia (+966)</option>
                                                            {{-- <option value="+91">India (+91)</option>
                                                            <option value="+44">UK (+44)</option> --}}
                                                        </select>
                                                        <input type="tel" class="form-control"
                                                            name="sender_country_numberbp" id="sender_country_numberbp"
                                                            placeholder=""  value="{{ isset($user) ? $user->billing_phone_number : '' }}">
                                                    </div>
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                {{-- <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient's Email
                                                        @else
                                                            البريد الإلكتروني للمستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="email" name="sender_emailbp" id="sender_emailbp"
                                                        class="form-control" placeholder="Enter email">
                                                    <p></p>
                                                </div> --}}
                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient’s Area
                                                        @else
                                                            منطقة المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="text" name="recipient_areabp" id="recipient_areabp"
                                                        class="form-control mb-3"  value="{{ isset($user) ? $user->billing_area : '' }}">
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient’s Address
                                                        @else
                                                            عنوان المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <textarea class="form-control" name="recipient_addressbp" id="recipient_addressbp" placeholder=""
                                                        id="floatingTextarea">{{ isset($user) ? $user->billing_address : '' }}</textarea>
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-12">
                                            <h5>
                                                @if (session('app_language', 'en') == 'en')
                                                    Shipping Details
                                                @else
                                                    تفاصيل الشحن
                                                @endif
                                            </h5>
                                            <div class="box p-2" id="billing-detail">
                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient's Name
                                                        @else
                                                            اسم المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="text" class="form-control" name="receipt_namep"
                                                        id="receipt_namep"
                                                        value="{{ isset($user) ? $user->recipient_name : '' }}">
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                <div class="col-12 mb-3 mt-0">
                                                    <label for="sender_country_number" class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Phone Number
                                                        @else
                                                            رقم التليفون
                                                        @endif
                                                    </label>
                                                    <div class="form-select-container_2">
                                                        <select class="form-select" id="receipt_country_codep"
                                                            name="receipt_country_codep">
                                                            {{-- <option value="+1">
                                                                US (+1)</option>
                                                            <option value="+971">
                                                                UAE (+971)</option> --}}
                                                            <option value="+966">
                                                                Saudi Arabia (+966)</option>
                                                            {{-- <option value="+91">
                                                                India (+91)</option>
                                                            <option value="+44">
                                                                UK (+44)</option> --}}
                                                        </select>
                                                        <input type="tel" class="form-control"
                                                            name="receipt_country_numberp" id="receipt_country_numberp"
                                                            placeholder=""
                                                            value="{{ isset($user) ? $user->recipient_phone_number : '' }}">
                                                    </div>
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                {{-- <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient's Email
                                                        @else
                                                            البريد الإلكتروني للمستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="email" name="receipt_emailp" id="receipt_emailp"
                                                        class="form-control" placeholder="Enter email">
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div> --}}

                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient’s Area
                                                        @else
                                                            منطقة المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <input type="text" name="receipt_areap" id="receipt_areap"
                                                        class="form-control mb-3"
                                                        value="{{ isset($user) ? $user->recipient_area : '' }}">
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                                <div class="col-12 mb-3 mt-0">
                                                    <label class="form-label">
                                                        @if (session('app_language', 'en') == 'en')
                                                            Recipient’s Address
                                                        @else
                                                            عنوان المستلم
                                                        @endif
                                                        <span>*</span>
                                                    </label>
                                                    <textarea class="form-control" name="receipt_addressp" id="receipt_addressp" id="floatingTextarea" placeholder="">{{ isset($user) ? $user->recipient_address : '' }}</textarea>
                                                    <p class="text-danger" style="font-size: 14px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-12 btn-action">
                                            <button type="submit" class="">
                                                @if (session('app_language', 'en') == 'en')
                                                    Save
                                                @else
                                                    يحفظ
                                                @endif
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-wishlist" role="tabpanel"
                            aria-labelledby="pills-wishlist-tab" tabindex="0">
                            <div class="table-responsive rounded-4 mb-5">
                                @php
                                    $wishlists = getUserWishlist();
                                @endphp
                                @if (count($wishlists) > 0)
                                    @foreach ($wishlists as $item)
                                        <div class="wishlist-item">
                                            <div class="row d-flex justify-content-between align-items-center">
                                                <div class="col-lg-9 col-md-9 col-12">
                                                    <div class="d-flex justify-conten-between">
                                                        {{-- <button class="remove-btn mb-5">&times;</button> --}}
                                                        <button class="remove-btn mb-5"
                                                            data-product-id="{{ $item->product_id }}">&times;</button>
                                                        @if ($item->product && $item->product->images->isNotEmpty())
                                                            <a href="#" target="_blank">
                                                                <img src="{{ asset('uploads/products/' . $item->product->images->first()->filename) }}"
                                                                    alt="Product Image" class="img-fluid" width="80"
                                                                    height="60">
                                                            </a>
                                                        @endif
                                                        <div class="item-info">
                                                            <h6>
                                                                @if (session('app_language', 'en') == 'en')
                                                                    {{ $item->product->title_en ?? '' }}
                                                                @else
                                                                    {{ $item->product->title_ar ?? '' }}
                                                                @endif
                                                            </h6>
                                                            <span>{{ display_price($item->product->price) }}</span>
                                                            {{-- <ul>
                                                                <li>Selection: Medium</li>
                                                                <li>In-Store Pickup: New York</li>
                                                            </ul> --}}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 col-md-3 col-12">
                                                    {{-- <div class=" btn-action"><a href="">Select Option</a></div> --}}
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                    @endforeach
                                @else
                                    <center>
                                        @if (session('app_language', 'en') == 'en')
                                            <h3>Your Wishlist is empty.</h3>
                                        @else
                                            <h3>قائمة أمنياتك فارغة.</h3>
                                        @endif
                                    </center>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scriptJs')
    <script>
        $(document).ready(function() {
            $(document).on("submit", "#customerProfileUpdate", function(event) {
                event.preventDefault();
                var data = new FormData(this);
                $("button[type=submit]").prop('disabled', true);
                $.ajax({
                    url: '{{ route('website.profile.update') }}',
                    type: 'post',
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.status === true) {
                            toastr.success(response.message, "Success");
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $("button[type=submit]").prop('disabled', false);
                        } else {
                            let errors = response['errors'];
                            $("button[type=submit]").prop('disabled', false);
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $.each(errors, function(key, value) {
                                $(`#${key}`).addClass('is-invalid')
                                    .siblings('p')
                                    .addClass('invalid-feedback')
                                    .html(value);
                            });
                            toastr.error(response.message, "Required");
                        }
                    },
                    error: function(jqXHR, exception) {
                        toastr.error("Please Try Again...", "Error");
                        $("button[type=submit]").prop('disabled', false);
                    }
                });
            });
            $(document).on("submit", "#userAddressForm", function(event) {
                event.preventDefault();
                var data = new FormData(this);
                $("button[type=submit]").prop('disabled', true);
                $.ajax({
                    url: '{{ route('account.recipient.store') }}',
                    type: 'post',
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.status === true) {
                            toastr.success(response.message, "Success");
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $("button[type=submit]").prop('disabled', false);
                        } else {
                            let errors = response['errors'];
                            $("button[type=submit]").prop('disabled', false);
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $.each(errors, function(key, value) {
                                $(`#${key}`).addClass('is-invalid')
                                    .siblings('p')
                                    .addClass('invalid-feedback')
                                    .html(value);
                            });
                            toastr.error(response.message, "Required");
                        }
                    },
                    error: function(jqXHR, exception) {
                        toastr.error("Please Try Again...", "Error");
                        $("button[type=submit]").prop('disabled', false);
                    }
                });
            });
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            if (window.location.hash === '#wishlist') {
                const wishlistTabButton = document.querySelector('[data-bs-target="#pills-wishlist"]');
                if (wishlistTabButton) {
                    // Simulate a click (most reliable)
                    wishlistTabButton.click();
                }
            }
        });
        document.addEventListener('DOMContentLoaded', function() {
            const removeButtons = document.querySelectorAll('.remove-btn');

            removeButtons.forEach(button => {
                button.addEventListener('click', function() {
                    const productId = this.getAttribute('data-product-id');

                    if (confirm('Are you sure you want to remove this item from your wishlist?')) {
                        fetch(`/delete-to-wishlist/${productId}`, {
                                method: 'DELETE',
                                headers: {
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                                    'Accept': 'application/json',
                                }
                            })
                            .then(response => {
                                if (response.ok) {
                                    location
                                        .reload(); // Or remove the item from DOM without reload
                                } else {
                                    alert('Failed to remove from wishlist.');
                                }
                            })
                            .catch(error => {
                                console.error('Error:', error);
                                alert('Something went wrong.');
                            });
                    }
                });
            });
        });
    </script>
@endsection