@extends('home.users_profile.layout')

@section('title')
    پروفایل کاربری
@endsection



@section('script')
    <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.7/dist/gsap.min.js"></script>
    <script>

        // Show File Name
        $('#profile_image').change(function () {
            //get the file name
            var fileName = $(this).val();
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        });
        $('#close_alert').click(function () {
            $(this).parent().slideUp();
        })
         // .animated-box
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        const randomNumber = getRandomNumber(5, 15);
        function animateBox() {
            const duration = Math.random() * 0.5 + 1.5;

            gsap.to(".animated-box", {
        keyframes: {
            "0%": { y: 0 },
            "25%": { y: -getRandomNumber(5, 15), ease: "none" }, 
            "50%": { y: 0, ease: "power1.inOut" }, 
            "75%": { y: getRandomNumber(5, 15), ease: "none" },
            "100%": { y: 0, ease: "power1.inOut" }
        },
        duration: duration,
        onComplete: animateBox 
    });
        }

        animateBox();
    </script>
@endsection

@section('style')
    <style>
       .primary-color ,.primary-color::before{
            color: #f66a1d !important;
        }
        .custom-class{
            padding:5px 0;
            width: fit-content;
            border-bottom:1px solid transparent;
            position:relative;
        }
        .custom-class::after{
            content:'';
            position:absolute;
            right:0;
            bottom:0;
            width:0;
            height:1px;
            background-color:#000000;
            transition:all .25s ;
        }
        .custom-class:hover::after{
            width:100%;
            transition:all .25s ;
        }
    </style>
@endsection

@section('content')
    <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">

        <div class="app-container container-xxl d-flex">
            <!--begin::اصلی-->
            <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                <!--begin::Content wrapper-->
                <div class="d-flex flex-column flex-column-fluid">
                    <!--begin::Content-->
                    <div id="kt_app_content" class="app-content">
                        <!--begin::Row-->
                        <div class="row g-5 g-xxl-10">
                            <!--begin::Col-->
                            <div class="col-xxl-4 mb-xxl-10">
                                <!--begin::کارت Widget 22-->
                                <div class="card card-reset mb-5 mb-xl-10">
                                    <!--begin::Body-->
                                    <div class="card-body p-0">
                                        <!--begin::Row-->
                                        <div class="row g-5 g-lg-9">
                                            <!--begin::Col-->
                                            <div class="col-6">
                                                <!--begin::کارت-->
                                                <div class="card card-shadow">
                                                    <!--begin::Body-->
                                                    <div class="card-body p-0">
                                                        <!--begin::items-->
                                                        <a href='{{ route('home.profile.wallet.index') }}'
                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100">
                                                            <!--begin::Icon-->
                                                            <i class="ki-outline ki-wallet fs-2x fs-lg-2hx text-gray-500 ms-n1" style="color:#1b315d !important"></i>
                                                            <!--end::Icon-->
                                                            <!--begin::Desc-->
                                                            <div class="fw-bold fs-5 pt-4 custom-class">کیف پول</div>
                                                            <!--end::Desc-->
                                                        </a>
                                                        <!--end::items-->
                                                    </div>
                                                    <!--end::Body-->
                                                </div>
                                                <!--end::کارت-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-6">
                                                <!--begin::کارت-->
                                                <div class="card card-shadow">
                                                    <!--begin::Body-->
                                                    <div class="card-body p-0">
                                                        <!--begin::items-->
                                                        <a href='{{ route('home.ticket.index') }}'
                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100">
                                                            <!--begin::Icon-->
                                                            <i class="ki-outline ki-message-edit fs-2x fs-lg-2hx text-gray-500 ms-n1" style="color:#1b315d !important"></i>
                                                            <!--end::Icon-->
                                                            <!--begin::Desc-->
                                                            <div class="fw-bold fs-5 pt-4 custom-class">درخواست پشتیبانی</div>
                                                            <!--end::Desc-->
                                                        </a>
                                                        <!--end::items-->
                                                    </div>
                                                    <!--end::Body-->
                                                </div>
                                                <!--end::کارت-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col-6">
                                                <!--begin::کارت-->
                                                <div class="card card-shadow">
                                                    <!--begin::Body-->
                                                    <div class="card-body p-0">
                                                        <!--begin::items-->
                                                        <a href='{{ route('home.addresses.index') }}'
                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100">
                                                            <!--begin::Icon-->
                                                            <i class="ki-outline ki-address-book fs-2x fs-lg-2hx text-gray-500 ms-n1" style="color:#1b315d !important"></i>
                                                            <!--end::Icon-->
                                                            <!--begin::Desc-->
                                                            <div class="fw-bold fs-5 pt-4 custom-class">آدرس های من</div>
                                                            <!--end::Desc-->
                                                        </a>
                                                        <!--end::items-->
                                                    </div>
                                                    <!--end::Body-->
                                                </div>
                                                <!--end::کارت-->
                                            </div>

                                            <div class="col-6">
                                                <!--begin::کارت-->
                                                <div class="card card-shadow">
                                                    <!--begin::Body-->
                                                    <div class="card-body p-0">
                                                        <!--begin::items-->
                                                        <a href='http://ofogh-golestan.ir/Consoles/VirtualReception/'
                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100" target="_blank">
                                                            <!--begin::Icon-->
                                                            <i class="ki-outline ki-chart  fs-2x fs-lg-2hx text-gray-500 ms-n1" style="color:#1b315d !important"></i>
                                                            <!--end::Icon-->
                                                            <!--begin::Desc-->
                                                            <div class="fw-bold fs-5 pt-4 custom-class"> ثبت گارانتی</div>
                                                            <!--end::Desc-->
                                                        </a>
                                                        <!--end::items-->
                                                    </div>
                                                    <!--end::Body-->
                                                </div>
                                                <!--end::کارت-->
                                            </div>

{{--                                            <div class="col-6">--}}
{{--                                                <!--begin::کارت-->--}}
{{--                                                <div class="card card-shadow">--}}
{{--                                                    <!--begin::Body-->--}}
{{--                                                    <div class="card-body p-0">--}}
{{--                                                        <!--begin::items-->--}}
{{--                                                        <a href='#'--}}
{{--                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100">--}}
{{--                                                            <!--begin::Icon-->--}}
{{--                                                            <i class="ki-outline ki-gear  fs-2x fs-lg-2hx text-gray-500 ms-n1" style="color:#1b315d !important"></i>--}}
{{--                                                            <!--end::Icon-->--}}
{{--                                                            <!--begin::Desc-->--}}
{{--                                                            <div class="fw-bold fs-5 pt-4 custom-class"> درخواست خدمات</div>--}}
{{--                                                            <!--end::Desc-->--}}
{{--                                                        </a>--}}
{{--                                                        <!--end::items-->--}}
{{--                                                    </div>--}}
{{--                                                    <!--end::Body-->--}}
{{--                                                </div>--}}
{{--                                                <!--end::کارت-->--}}
{{--                                            </div>--}}
                                            <div class="col-6">
                                                <!--begin::کارت-->
                                                <div class="card card-shadow">
                                                    <!--begin::Body-->
                                                    <div class="card-body p-0">
                                                        <!--begin::items-->
                                                        <a href='{{ route('home.profile.education') }}'
                                                           class="btn btn-active-color-primary px-7 py-6 text-start w-100">
                                                            <!--begin::Icon-->
                                                            <svg width="37px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#1b315d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M0 0h48v48H0z" fill="none"></path> <g id="Shopicon"> <path d="M24,44c11.046,0,20-8.954,20-20S35.046,4,24,4S4,12.954,4,24S12.954,44,24,44z M24,8c8.822,0,16,7.178,16,16 s-7.178,16-16,16S8,32.822,8,24S15.178,8,24,8z"></path> <path d="M24,16c1.103,0,2,0.897,2,2c0,0.954-0.298,1.244-1.094,2.021C23.68,21.216,22,22.853,22,26.999h4 c0-2.459,0.712-3.153,1.698-4.114C28.669,21.938,30,20.642,30,18c0-3.309-2.691-6-6-6s-6,2.691-6,6h4C22,16.897,22.897,16,24,16z"></path> <circle cx="24" cy="34" r="2"></circle> </g> </g></svg>                                                            <!--end::Icon-->
                                                            <!--begin::Desc-->
                                                            <div class="fw-bold fs-5 pt-4 custom-class"> آموزش ها</div>
                                                            <!--end::Desc-->
                                                        </a>
                                                        <!--end::items-->
                                                    </div>
                                                    <!--end::Body-->
                                                </div>
                                                <!--end::کارت-->
                                            </div>

                                        </div>
                                    </div>
                                    <!--end::Body-->
                                </div>

                                <div class="card border-0">

                                    <div class="card-body py-12">
                                        @php
                                            $notifications = \App\Models\Notification::all();

                                        @endphp
                                        <button class="btn btn-light-warning fs-3 fw-bolder w-100 py-5 mb-13">اطلاعیه
                                            ها
                                        </button>
                                        @foreach($notifications as $notification)
                                            <div
                                                class="d-flex border border-primary border-dashed rounded p-5 bg-light-primary mb-6">
                                                <!--begin::Icon-->
                                                <span class="me-5">
															<i class="ki-outline ki-information fs-3x text-primary" style="color:#1b315d !important"></i>
														</span>
                                                <!--end::Icon-->
                                                <!--begin::Section-->
                                                <div class="me-2">
                                                    <a href="#"
                                                       class="text-gray-800 text-hover-primary fs-4 fw-bolder">{{$notification->title}} </a>
                                                    <span
                                                        class="text-gray-700 fw-semibold d-block fs-5">   {{$notification->description}}</span>
                                                </div>
                                                <!--end::Section-->
                                            </div>

                                        @endforeach

                                    </div>

                                </div>

                            </div>
                            <!--end::Col-->
                            <!--begin::Col-->
                            <div class="col-xxl-8 mb-5 mb-xl-10">
                                <!--begin::Engage widget 14-->
                                <div class="card border-0 mb-5 mb-xl-11" data-bs-theme="light"
                                     style="background-color: #1b315d">
                                    <!--begin::Body-->
                                    <div class="card-body py-0">
                                        <!--begin::Row-->
                                        <div class="row align-items-center lh-1 h-100">
                                            <div class="col-6 pt-5 pt-lg-15 animated-box">
                                                <!--begin::Illustration-->
                                                <div
                                                    class="bgi-no-repeat bgi-size-contain bgi-position-x-end bgi-position-y-bottom h-325px"
                                                    style="background-image:url('{{asset('home/img/installment-niksun.png')}}');background-position:bottom;background-size:160%">
                                                </div>
                                                <!--end::Illustration-->
                                            </div>
                                            <!--begin::Col-->
                                            <div class="col-6 ps-xl-10 pe-5">
                                                <!--begin::Title-->
                                                <div class="fs-2qx fw-bold text-white mb-6">خرید اقساطی</div>
                                                <!--end::Title-->
                                                <!--begin::Text-->
                                                <span class="fw-semibold text-white fs-6 mb-10 d-block opacity-75"> خرید اقساطی  از نیکسان بدون پیش پرداخت  </span>
                                                <!--end::Text-->
                                                <!--begin::items-->
{{--                                                <div class="d-flex align-items-center flex-wrap d-grid gap-2 mb-9">--}}
{{--                                                    <!--begin::item-->--}}
{{--                                                    <div class="d-flex align-items-center me-5 me-xl-13">--}}
{{--                                                        <!--begin::Symbol-->--}}
{{--                                                        <div class="symbol symbol-30px symbol-circle me-3">--}}
{{--																		<span class="symbol-label"--}}
{{--                                                                              style="background: rgba(255, 255, 255, 0.1)">--}}
{{--																			<i class="ki-outline ki-abstract-41 fs-5 text-white" style="color:#1b315d !important"></i>--}}
{{--																		</span>--}}
{{--                                                        </div>--}}
{{--                                                        <!--end::Symbol-->--}}
{{--                                                        <!--begin::Info-->--}}
{{--                                                        <div class="text-white">--}}
{{--                                                            <span class="fw-semibold d-block fs-8 opacity-75 mb-2">سفارشات من </span>--}}
{{--                                                            <span class="fw-bold fs-7"> ؟</span>--}}
{{--                                                        </div>--}}
{{--                                                        <!--end::Info-->--}}
{{--                                                    </div>--}}
{{--                                                    <!--end::item-->--}}
{{--                                                    <!--begin::item-->--}}
{{--                                                    <div class="d-flex align-items-center">--}}
{{--                                                        <!--begin::Symbol-->--}}
{{--                                                        <div class="symbol symbol-30px symbol-circle me-3">--}}
{{--																		<span class="symbol-label"--}}
{{--                                                                              style="background: rgba(255, 255, 255, 0.1)">--}}
{{--																			<i class="ki-outline ki-abstract-26 fs-5 text-white" style="color:#1b315d !important"></i>--}}
{{--																		</span>--}}
{{--                                                        </div>--}}
{{--                                                        <!--end::Symbol-->--}}
{{--                                                        <!--begin::Info-->--}}
{{--                                                        <div class="text-white">--}}
{{--                                                            <span--}}
{{--                                                                class="fw-semibold opacity-75 d-block fs-8 mb-2">اقساط </span>--}}
{{--                                                            <span class="fw-bold fs-7">؟</span>--}}
{{--                                                        </div>--}}
{{--                                                        <!--end::Info-->--}}
{{--                                                    </div>--}}
{{--                                                    <!--end::item-->--}}
{{--                                                </div>--}}
                                                <!--end::items-->
                                                <!--begin::Actions-->
                                                <div class="d-flex d-grid gap-2">
                                                    <a href="{{route('home.installment.requests.index')}}"
                                                       class="btn btn-success me-lg-2">درخواست‌های اقساط </a>
                                                    <a href="#" class="btn text-white"
                                                       style="background: rgba(255, 255, 255, 0.2)">خرید اقساطی</a>
                                                </div>
                                                <!--end::Actions-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->

                                            <!--end::Col-->
                                        </div>
                                        <!--end::Row-->
                                    </div>
                                    <!--end::Body-->
                                </div>
                                <!--end::Engage widget 14-->
                                <!--begin::Table widget 17-->
                                <div class="card card-flush border-0">
                                    <!--begin::Header-->
                                    <div class="card-header pt-7">
                                        <!--begin::Title-->
                                        <h3 class="card-title align-items-start flex-column">
                                            <span class="card-label fs-3 fw-bold text-gray-800">آخرین سفارش ها</span>

                                        </h3>

                                    </div>
                                    <!--end::Header-->
                                    <!--begin::Body-->
                                    <div class="card-body pt-6">
                                    @php

                                        $orders = \App\Models\Order::where('user_id',auth()->user()->id)->take(5)->get();


                                    @endphp
                                    <!--begin::Table container-->
                                        <div class="table-responsive">
                                            <!--begin::Table-->
                                            @if(!$orders->isEmpty())
                                                <table class="table align-middle table-row-dashed fs-6 gy-5"
                                                       id="kt_ecommerce_sales_table">
                                                    <thead>
                                                    <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">

                                                        <th> شماره سفارش</th>
                                                        <th> تاریخ</th>
                                                        <th>نوع</th>
                                                        <th>وضعیت سفارش</th>
                                                        <th>وضعیت پرداخت</th>
                                                        <th> مبلغ واریزی</th>
                                                        <th> جزئیات</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody class="fw-semibold text-gray-600">
                                                    @foreach ($orders as $order)
                                                        <tr>

                                                            <td class="text-start">
                                                                <a href="{{ route('home.orders.users_profile.show', ['order' => $order->id]) }}"
                                                                   class="text-gray-800 text-hover-primary fw-bold">
                                                                    {{ $setting->productCode . '-' . $order->order_number }}
                                                                </a>
                                                            </td>
                                                            <td> {{ verta($order->created_at)->format('%d %B %Y') }}</td>

                                                            <td>{{ $order->paymentMethod->title }}</td>
                                                            <td>{{ $order->DeliveryMethodStatus->title }}</td>

                                                            <td class="">
                                                                @if($order->getRawOriginal('status') == 1)
                                                                    <div
                                                                        class="badge badge-light-danger">{{ $order->payment_status }}</div>
                                                                @elseif($order->getRawOriginal('status') == 0)
                                                                    <div
                                                                        class="badge badge-light-success">{{ $order->payment_status }}</div>
                                                                @elseif($order->getRawOriginal('status') == 2)
                                                                    <div class="badge badge-light-info">-</div>
                                                                @else
                                                                    <div
                                                                        class="badge badge-light-warning">{{ $order->payment_status }}</div>
                                                                @endif


                                                            </td>
                                                            <td class="">
                                                <span class="fw-bold">        @if($order->payment_type == 3)

                                                        @if($order->DeliveryMethodStatus->id == 2 or $order->DeliveryMethodStatus->id == 4)

                                                            {{ number_format($order->paying_amount) }}

                                                            تومان
                                                        @else
                                                            0
                                                        @endif
                                                    @else
                                                        {{ number_format($order->paying_amount) }}
                                                        تومان
                                                    @endif</span>
                                                            </td>
                                                            <td class="">
                                                                <button type="button" class="btn btn-sm btn-primary">
                                                                    <a class="text-white"
                                                                       href="{{ route('home.orders.users_profile.show', ['order' => $order->id]) }}">
                                                                        جزئیات
                                                                    </a>
                                                                </button>
                                                                <button type="button" class="btn btn-sm btn-info">
                                                                    <a class="text-white"
                                                                       href="{{ route('home.orders.users_profile.print', ['order' => $order->id]) }}">
                                                                        <i class="fa fa-print"></i>
                                                                    </a>
                                                                </button>

                                                                @if(($order->DeliveryMethod->id == 6 or  $order->DeliveryMethod->id == 7) or $order->DeliveryMethod->id == 8)

                                                                    @if($order->bijack)

                                                                        <button type="button"
                                                                                class="btn btn-sm btn-info">
                                                                            <a class="text-white"
                                                                               href="{{ route('home.orders.user_bijack', ['order' => $order->id]) }}">
                                                                                بارنامه
                                                                            </a>
                                                                        </button>
                                                                    @endif
                                                                @endif
                                                                @if($order->DeliveryMethodStatus->id==1 and $order->payment_type == 3)
                                                                    @php
                                                                        $payment = \App\Models\PaymentMethods::where('id' , $order->payment_type)->first();

                                                                    @endphp
                                                                    <a onclick="SubmitForm({{$order->id}})"
                                                                       title="پرداخت انلاین" target="_blank"
                                                                       class="btn btn-success mb-1"
                                                                    >
                                                                        پرداخت آنلاین
                                                                    </a>

                                                                    <form style="display: none"
                                                                          id="payment-form-{{$order->id}}"
                                                                          action="{{ route('home.payment') }}"
                                                                          method="POST">
                                                                        @csrf

                                                                        <input type="hidden" id="address-input"
                                                                               name="address_id"
                                                                               value="{{ $order->address->id }}">
                                                                        <input type="hidden" name="order_id"
                                                                               value="{{$order->id}}">
                                                                        <input type="hidden" name="payment_method"
                                                                               value="{{$payment->method}}">
                                                                    </form>
                                                                @endif


                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            @else
                                                <div class="alert alert-danger">
                                                    لیست سفارشات شما خالی می باشد
                                                </div>
                                            @endif
                                        </div>

                                    </div>
                                    <!--end: کارت Body-->
                                </div>
                                <!--end::Table widget 17-->
                            </div>
                            <!--end::Col-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Engage widget 13-->

                        <!--end::Engage widget 13-->
                    </div>
                    <!--end::Content-->
                </div>

            </div>

        </div>

    </div>

@endsection