@extends('layouts.userLayouts')

@section('main')
    <div class="profile-page col-xl-9 col-lg-8 col-md-12 order-2">
        <div class="row">
            <div class="col-lg-6">
                <div class="col-12">
                    <h1 class="title-tab-content">اطلاعات شخصی</h1>
                </div>
                <div class="content-section default">
                    <div class="row">
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">نام و نام خانوادگی :</span>
                                <span>
                                                        {{(auth()->user()->fname) != null ? auth()->user()->fname.' '.auth()->user()->lname : auth()->user()->mobile }}
                                                    </span>
                            </p>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">پست الکترونیک :</span>
                                <span
                                    class="word-break-text">{{(auth()->user()->email != null ? auth()->user()->email : '-')}}</span>
                            </p>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">شماره تلفن همراه:</span>
                                <span>{{(auth()->user()->mobile != null ? auth()->user()->mobile : '-')}}</span>
                            </p>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">کد ملی :</span>
                                <span>{{(auth()->user()->nationalcode != null ? auth()->user()->nationalcode : '-')}}</span>
                            </p>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">دریافت خبرنامه :</span>
                                @if(auth()->user()->share == 1)
                                    <span>بله</span>
                                @else
                                    <span>خیر</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <p>
                                <span class="title">شماره کارت :</span>
                                <span
                                    dir="ltr">{{(auth()->user()->banknumber != null ? \App\Gateway::showCard(auth()->user()->banknumber)  : '-')}}</span>
                            </p>
                        </div>
                        <div class="col-12 text-center">
                            <a href="{{url('profile/additional-info')}}" class="btn-link-border form-account-link">
                                ویرایش اطلاعات شخصی
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="col-12">
                    <h1 class="title-tab-content">لیست آخرین علاقمندی ها</h1>
                </div>
                <div class="content-section default">
                    @if(count($favorites) > 0)
                        <div class="row">
                            <div class="col-12">
                                                                @foreach($favorites as $favorite)
                                    @if($i < 2)
                                        <div class="profile-recent-fav-row" id="divFavorite{{$favorite->id}}">
                                            <a href="{{url('/post/'.$favorite->code.'/'.$favorite->url)}}"
                                               class="profile-recent-fav-col profile-recent-fav-col-thumb">
                                                <img src="{{url('/assets/post').'/'.$favorite->image}}"></a>
                                            <div class="profile-recent-fav-col profile-recent-fav-col-title">
                                                <a href="{{url('/post/'.$favorite->code.'/'.$favorite->url)}}">
                                                    <h4 class="profile-recent-fav-name">
                                                        {{ $favorite->fa_name}}
                                                    </h4>
                                                </a>
                                                @if(count($favorite->price->where('number','>',0)) != 0)
                                                    <div class="profile-recent-fav-price" style="color: green">موجود
                                                    </div>
                                                @else
                                                    <div class="profile-recent-fav-price">ناموجود</div>
                                                @endif
                                            </div>
                                            <div class="profile-recent-fav-col profile-recent-fav-col-actions">
                                                <button class="btn-action btn-action-remove remove-favorite-item"
                                                        data-id="{{$favorite->id }}">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </div>
                                        </div>
                                                                            @endif
                                @endforeach
                            </div>
                            @if(count($favorites) > 2)
                                <div class="col-12 text-center">
                                    <a href="{{url('profile/favorites')}}" class="btn-link-border form-account-link">
                                        مشاهده و ویرایش لیست مورد علاقه
                                    </a>
                                </div>
                            @endif
                        </div>
                    @else
                        <div class="col-12 text-center">
                            <div class="icon-empty">
                                <i class="now-ui-icons travel_info"></i>
                            </div>
                            <h1 class="text-empty">موردی برای نمایش وجود ندارد!</h1>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h1 class="title-tab-content">آخرین سفارش ها</h1>
            </div>
            <div class="col-12 text-center">
                @if(count($orders) == 0 )
                    <div class="content-section pt-5 pb-5">
                        <div class="icon-empty">
                            <i class="now-ui-icons travel_info"></i>
                        </div>
                        <h1 class="text-empty">موردی برای نمایش وجود ندارد!</h1>
                    </div>
                @else
                    <div class="content-section default">
                        <div class="table-responsive">
                            <table class="table table-order">
                                <thead class="thead-light">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">شماره سفارش</th>
                                    <th scope="col">تاریخ ثبت سفارش</th>
                                    <th scope="col">مبلغ قابل پرداخت</th>
                                    <th scope="col">مبلغ کل</th>
                                    <th scope="col">عملیات پرداخت</th>
                                    <th scope="col">جزئیات</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($orders as $key=>$order)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td class="order-code">{{$order->uniqid}}</td>
                                        <td>{{\Morilog\Jalali\Jalalian::forge("{$order->date}")->format('d F Y')}}</td>
                                        <td>
                                            {{number_format($order->remaining_order_price)}}
                                            @if($order->remaining_order_price !=0 ) تومان @endif
                                        </td>
                                        <td>{{number_format($order->amount)}} تومان</td>
                                        @if($order->status_order >= 1 && $order->remaining_order_price == 0)
                                            <td class="text-success">پرداخت موفق</td>
                                        @elseif($order->status_order == -1)
                                            <td class="text-gray">لغو شده</td>
                                        @elseif($order->status_order == 0 || $order->remaining_order_price > 0)
                                            <td class="text-danger">درانتظار پرداخت</td>
                                        @else
                                            <td class="text-gray">لغو شده</td>
                                        @endif
                                        <td><a href="{{url('profile/orders/'.$order->id)}}" class="order-detail-link"><i
                                                    class="now-ui-icons arrows-1_minimal-left"></i></a></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if($orders->hasMorePages())
                            <div class="col-12 text-center">
                                <a href="{{url('profile/orders')}}" class="btn-link-border form-account-link">
                                    مشاهده لیست سفارش
                                </a>
                            </div>
                        @endif
                    </div>

                @endif
            </div>
        </div>


    </div>



    <!-- Modal -->
    <div class="modal fade" id="remove-favorite-item" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog  modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mb-3" id="exampleModalLabel">آیا مطمئنید که این محصول از لیست مورد علاقه شما
                        حذف شود؟</h5>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--approve transfer-to-future-purchases"
                            data-dismiss="modal">خیر
                    </button>
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--cancel remove-favorite-product"
                            id="remove-button-favorite" data-id="">
                        بله
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal remove-location -->
    @include('layouts.loading')

@stop
@section('footer')
    @parent
    <script>
        $(document).on("click", ".remove-favorite-item", function () {
            var ProductId = $(this).data('id');
            $('#remove-button-favorite').data('id', ProductId);
            $('#remove-favorite-item').modal('show');
        });
    </script>
    <script>
        $(".remove-favorite-post").click(function (e) {
            e.preventDefault();
            var ID = $('#remove-button-favorite').data('id');
            $('#loading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{url('/post/ajaxFavorite')}}',
                type: 'POST',
                data: {
                    product_id: ID
                },
                success: function (response) {
                    $('#remove-favorite-item').modal('hide');
                    $('#loading').hide();
                    $('#divFavorite' + ID).remove();
                    location.reload();
                },
                error: function (jqXHR) {
                    toastr.warning('خطایی در حین انجام عملیات رخ داد', 'اوپس...');
                    $('#loading').hide();
                }
            });
        });
    </script>
@stop