@extends('themes.frontend.layouts.app')
@section('validate') @stop
@section('flatpickr') @stop
@if(!Auth::check())
@section('toggle-password') @stop
@endif

@if (isset($dataArr['meta_title']))
@section('page-title'){{ $dataArr['meta_title'] }}@stop
@else
@section('page-title'){{ $dataArr['title'] }}@stop
@endif
@if (isset($dataArr['meta_key']))
@section('meta-keywords'){{ $dataArr['meta_key'] }}@stop
@endif
@if (isset($dataArr['meta_descp']))
@section('meta-description'){{ $dataArr['meta_descp'] }}@stop
@endif
@if (isset($dataArr['image_path']))
@section('meta-image'){{ $dataArr['image_path'] }}@stop
@endif
@if ($dataArr['full_url'])
@section('cur-url'){{ $dataArr['full_url'] }}@stop
@endif

@section('content')
<!--====== BANNER PART START ======-->
@if (isset($dataArr['image_path']) && $dataArr['image_path'])
<div class="headerwrapper">
    <div>
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <x-img src="{{ $dataArr['image_path'] }}" class="w-100 slide-desktop" alt="{{ $dataArr['image_alt'] }}" title="{{ $dataArr['image_title'] }}" />
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<!--====== BANNER PART ENDS ======-->

<!--====== FIND SPACE PART START ======-->
<section class="team-area team-page" style="background: #0001;">
    <div class="container">
        <div class="contact-info-content mb-2">
            <h2 class="title">{!! $dataArr['title'] !!}</h2>
        </div>

        <div class="row">
            @if($wishListCart && $wishListCart->wishlist_items->count()>0)
                <div class="col-lg-8">
                    {{-- WishList_Alert message start --}}
                    @if(session()->has('wishlist_alert'))
                    <x-form.alert type="{{ session()->get('wishlist_alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
                    @endif
                    {{-- WishList_Alert message end --}}

                    <form name="updateWishlistFrm" id="updateWishlistFrm" action="{{ route('web.wishlist.update') }}" method="post">
                        {{ csrf_field() }}
                        <div class="cart-table table-responsive mb-40">
                            <table>
                                <thead>
                                    <tr>
                                        <th class="pro-thumbnail">{{ __('common.image_txt') }}</th>
                                        <th>{{ __('product.wishlist.product_code_txt') }}</th>
                                        <th>{{ __('product.wishlist.product_name_txt') }}</th>
                                        <th>{{ __('product.wishlist.event_type_txt') }}</th>
                                        <th>{{ __('product.wishlist.event_date_txt') }}</th>
                                        <th>{{ __('product.wishlist.event_time_txt') }}</th>
                                        <th class="pro-quantity">{{ __('common.quantity_txt') }}</th>
                                        <th class="pro-message">{{ __('product.message_txt') }}</th>
                                        <th class="pro-remove">{{ __('common.delete_txt') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($wishListCart->wishlist_items as $wishlistItem)
                                        <tr>
                                            <td class="pro-thumbnail">
                                                <x-link url="{{ route('web.product.index', $wishlistItem->product->slug) }}">
                                                    @if($wishlistItem->product->coverfile)
                                                        <x-img src="{{ $defDataArr['media_folder_product'].$wishlistItem->product->coverfile->file }}" alt="{!! $wishlistItem->product->coverfile->title !!}" title="{!! $wishlistItem->product->coverfile->alt !!}" />
                                                    @else
                                                        @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                                                        <x-img src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" alt="logo" />
                                                        @endif
                                                    @endif
                                                </x-link>

                                                <input type="hidden" value="{{ $wishlistItem->event_date }}" name="event_date[{{ $wishlistItem->wishlist_cart_item_id }}]">
                                                <input type="hidden" value="{{ $wishlistItem->product_id }}" name="product_id[{{ $wishlistItem->wishlist_cart_item_id }}]">
                                                <input type="hidden" value="{{ $wishlistItem->message }}" name="message[{{ $wishlistItem->wishlist_cart_item_id }}]">
                                            </td>
                                            <td>
                                                <x-link url="{{ route('web.product.index', $wishlistItem->product->slug) }}">{!! $wishlistItem->sku !!}</x-link>
                                            </td>
                                            <td>
                                                <x-link url="{{ route('web.product.index', $wishlistItem->product->slug) }}">{!! $wishlistItem->product->title !!}</x-link>
                                            </td>
                                            <td>{{ $wishlistItem->event_type->title }}</td>
                                            <td>{{ date('d-m-Y', strtotime($wishlistItem->event_date)) }}</td>
                                            <td>{{ date('h:i A', strtotime($wishlistItem->event_time)) }}</td>
                                            <td class="pro-quantity">
                                                <div class="product-quantity">
                                                    <input type="text" value="{{ $wishlistItem->quantity }}" name="quantity[{{ $wishlistItem->wishlist_cart_item_id }}]">
                                                    <span class="dec qtybtn"><i class="fa fa-angle-left"></i></span><span
                                                        class="inc qtybtn"><i class="fa fa-angle-right"></i></span>
                                                </div>
                                            </td>
                                            <td>{!! $wishlistItem->message !!}</td>
                                            <td class="pro-remove">
                                                <x-link url="{{ route('web.wishlist.remove-item', [$wishlistItem->wishlist_cart_item_id,$wishlistItem->product_id,$wishlistItem->event_date]) }}" onclick="return confirm('Are you sure want to remove this item from your wishlist?');">
                                                    <i class="fa fa-trash"></i>
                                                </x-link>                                        
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="cart-buttons mb-30">
                            <x-form.field.button3 default_class='' type="button" id="updateWishList" name="updateWishList" text="{{ __('product.wishlist.update_wislist_txt') }}" />
                            <x-link url="{{ route('web.category.index') }}">{{ __('product.wishlist.continue_shopping_txt') }}</x-link>
                        </div>
                    </form>
                </div>

                <div class="col-lg-4 checkout-form">
                    @if(!Auth::check())
                    <h6 class="mb-2"> {{ __('product.wishlist.login_to_submit_wislist_txt') }}</h6>
                    <div class="row mb-4">
                        <div class="col-lg-12 m-auto">
                            <div class="login-reg-form p-4">
                                @include('themes.frontend.pages.user._login-form')
                            </div>
                        </div>
                    </div>
                    @else
                    <form name="WishlistRequestForm" id="WishlistRequestForm" action="{{ route('web.wishlist.store') }}" method="post">
                        {{ csrf_field() }}
                        <x-form.field.hidden name="recaptcha_v3" id="recaptcha_v3" />
                        <x-form.field.hidden name="total_items" value="{{ $wishListCart->total_items }}" />
                        <x-form.field.hidden name="wishlist_cart_id" value="{{ $wishListCart->wishlist_cart_id }}" />

                        <h6 class="mb-2">{{ __('product.wishlist.contact_info_txt') }}</h6>
                        <div class="row">
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('f_name') }}">
                                <x-form.field.text2 type="text" id="f_name" name="f_name" value="{{ $wishListCart['f_name'] ?? old('f_name')}}" placeholder="{{ __('common.f_name_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>                            
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('l_name') }}">
                                <x-form.field.text2 type="text" id="l_name" name="l_name" value="{{ $wishListCart['l_name'] ?? old('l_name')}}" placeholder="{{ __('common.l_name_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>                            
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('email') }}">
                                <x-form.field.text2 type="email" id="email" name="email" value="{{ $wishListCart['email'] ?? old('email')}}" placeholder="{{ __('common.email_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>                            
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('mobile') }}">
                                <x-form.field.text2 type="text" id="mobile" name="mobile" value="{{ $wishListCart['mobile'] ?? old('mobile')}}" placeholder="{{ __('common.mobile_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>

                            <!-- Heading -->
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2">
                                <h6>{{ __('product.wishlist.delivery_venue_info_txt') }}</h6>
                            </x-form.frnt_group_lyt7v1>
                            
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('venue_name') }}">
                                <x-form.field.text2 type="text" id="venue_name" name="venue_name" value="{{ $wishListCart['venue_name'] ?? old('venue_name')}}" placeholder="{{ __('product.wishlist.venue_name_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>                            
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('event_start_at') }}">
                                <x-form.field.text2 type="text" id="event_start_at" name="event_start_at" value="{{ $wishListCart['event_start_at'] ?? old('event_start_at')}}" placeholder="{{ __('product.wishlist.event_start_datetime_txt') }}" class="datetime" />
                            </x-form.frnt_group_lyt7v1>                          
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('event_end_at') }}">
                                <x-form.field.text2 type="text" id="event_end_at" name="event_end_at" value="{{ $wishListCart['event_end_at'] ?? old('event_end_at')}}" placeholder="{{ __('product.wishlist.event_end_datetime_txt') }}"  class="datetime" />
                            </x-form.frnt_group_lyt7v1>

                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('address') }}">
                                <x-form.field.text2 type="text" id="address" name="address" value="{{ $wishListCart['address'] ?? old('address')}}" placeholder="{{ __('common.address_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('apartment') }}">
                                <x-form.field.text2 type="text" id="apartment" name="apartment" value="{{ $wishListCart['apartment'] ?? old('apartment')}}" placeholder="{{ __('common.apartment_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                            <x-form.frnt_group_lyt7v1 default_class="col-12 mb-2" error="{{ $errors->first('city') }}">
                                <x-form.field.text2 type="text" id="city" name="city" value="{{ $wishListCart['city'] ?? old('city')}}" placeholder="{{ __('common.city_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('state') }}">
                                <x-form.field.text2 type="text" id="state" name="state" value="{{ $wishListCart['state'] ?? old('state')}}" placeholder="{{ __('common.state_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('pincode') }}">
                                <x-form.field.text2 type="text" id="pincode" name="pincode" value="{{ $wishListCart['pincode'] ?? old('pincode')}}" placeholder="{{ __('common.pincode_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                            <x-form.frnt_group_lyt7v1 default_class="col-md-12 col-12 mb-2" error="{{ $errors->first('country') }}">
                                <x-form.field.text2 type="text" id="country" name="country" value="{{ $wishListCart['country'] ?? old('country')}}" placeholder="{{ __('common.country_txt') }}"/>
                            </x-form.frnt_group_lyt7v1>
                        </div>
                        <div class="order-notes">
                            <label for="order_note">{{ __('common.message_txt') }}</label>
                                <x-form.field.textarea id="message" name="message" value="{{ $wishListCart['message'] ?? old('message')}}" placeholder="{{ __('product.wishlist.default_wishlist_form_message_txt') }}" />
                        </div>
                    </form>
                    @endif
                </div>

                <!-- START : Auth check -->
                @if(Auth::check())
                <div class="col-lg-8 col-md-7 col-12"> <!-- Blank --> </div>
                <div class="col-lg-4 col-md-5 col-12">
                    <div class="cart-total mb-40">
                        <div class="proceed-to-checkout section mt-30">
                            <!-- <x-form.field.text2 type="submit" id="sendWishlistRequest" name="sendWishlistRequest" value="{{ __('product.wishlist.send_list_txt') }}"/> -->
                            <x-form.field.button3 default_class='' type="button" id="sendWishlistRequest" name="sendWishlistRequest" text="{{ __('product.wishlist.send_list_txt') }}" />
                        </div>
                    </div>
                </div>
                @endif
                <!-- END : Auth check -->

            @else
                <div class="col-lg-12">
                    <div class="cart-table table-responsive mt-4 mb-40">
                        <h5 class="title title--regular title--size-large title--weight-bold wow fadeInUp">
                            {{ __('product.wishlist.no_wishlist_items_txt') }}
                        </h5>
                    </div>
                    <div class="cart-buttons mb-30">
                        <x-link url="{{ route('web.category.index') }}">{{ __('product.wishlist.continue_shopping_txt') }}</x-link>
                    </div>
                </div>
            @endif
        </div>

    </div>
</section>
<!--====== FIND SPACE PART ENDS ======-->

@stop

@push('scripts')
<script>
  $(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

   $.validator.addMethod("enddate", function(value, element){
           var startdatevalue = $('.event_start_at').val();
            return Date.parse(startdatevalue) <= Date.parse(value);
     }, 'End Date should be greater than equal to Start Date.');
    
        $("#WishlistRequestForm").validate({
        rules: {
            email: {
                required: true,
                email: true
            },
            mobile: {
                required: true
            },
            f_name: {
                required: true
            },
            l_name: {
                required: true
            },
            address: {
                required: true
            },
            venue_name: {
                required: true
            },
            city: {
                required: true
            },
            event_start_at: {
              required: true
            },
            event_end_at: {
              required: true,
            //   enddate:true
            },
            pincode: {
                required: true
            },
            country: {
                required: true
            },
            message: {
                required: true
            },
        },
        messages: {
            email: {
                required: "{{ $defDataArr['web_lang']['jq_validate']['enter_an_txt'].strtolower(__('common.email_txt')) }}",
                email: "{{ $defDataArr['web_lang']['jq_validate']['enter_valid_txt'].strtolower(__('common.email_txt')) }}"
            },
            mobile: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.mobile_txt')) }}",
            f_name: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.f_name_txt')) }}",
            l_name: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.l_name_txt')) }}",
            address: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.address_txt')) }}",
            venue_name: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('product.wishlist.venue_name_txt')) }}",
            city: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.city_txt')) }}",
            // state: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.state_txt')) }}",
            pincode: "{{ $defDataArr['web_lang']['jq_validate']['enter_a_txt'].strtolower(__('common.pincode_txt')) }}",
            country: "{{ $defDataArr['web_lang']['jq_validate']['enter_the_txt'].strtolower(__('common.country_txt')) }}",
            message: "{{ $defDataArr['web_lang']['jq_validate']['enter_the_txt'].strtolower(__('common.message_txt')) }}",
        },
        errorPlacement: function(error, element)
        {
            if ( element.is(":checkbox") )
            {
            error.appendTo( element.parents('.error-container') );
            }
            else
            { // This is the default behavior
            error.insertAfter( element );
            }
        }
        }),$("#sendWishlistRequest").click(function(e) {
            var btnObj = $(this);
            e.preventDefault();
            grecaptcha.ready(function() {
                grecaptcha.execute("{{ Config('commonconstants.recaptcha.site_key') }}", {action: 'wishlistpage'}).then(function(token) {
                var a = $("#WishlistRequestForm");
                if (1 == a.valid()) {
                // alert(token);
                if(token) {
                    $("#recaptcha_v3").val(token);
                    // alert($("#recaptcha_v3").val());
                    if(confirm('Are you sure you want to submit the wishlist enquiry?')){
                        btnObj.html("<i class=\"fa fa-refresh fa-spin text-white\"></i>&nbsp;{{ __('common.send_pls_wait_txt') }}");
                        btnObj.attr('disabled','disabled');
                        $("#WishlistRequestForm").css("filter", "blur(4px)");

                        $("#WishlistRequestForm").submit();
                    }
                }
                }
            });
            });
        }),$("#updateWishList").click(function(e) {
            e.preventDefault();
            if(confirm('Are you sure want to update?')){
                $(this).html("<i class=\"fa fa-refresh fa-spin text-white\"></i>&nbsp;{{ __('common.updating_pls_wait_txt') }}");
                $(this).attr('disabled','disabled');
                $("#updateWishlistFrm").submit();
            }
        });
        


    /*-- Product Quantity --*/
    $('.product-quantity').append('<span class="dec qtybtn"><i class="fa fa-angle-left"></i></span><span class="inc qtybtn"><i class="fa fa-angle-right"></i></span>');
    $('.qtybtn').on('click', function() {
        var $button = $(this);
        var oldValue = $button.parent().find('input').val();
        if ($button.hasClass('inc')) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            // Don't allow decrementing below zero
            if (oldValue > 0) {
                var newVal = parseFloat(oldValue) - 1;
            } else {
                newVal = 0;
            }
        }
        $button.parent().find('input').val(newVal);
    });

  });
</script>
@endpush