@extends('frontend.layout.alltalent_v1.new-template')
@section('navigation')
    @include('frontend.layout.alltalent_v1.post-login')
@endsection
@section('content')

<link href="{{asset('alltalent_v1/css/free-portfolio-product.css')}}" rel="stylesheet">
<link href="{{asset('alltalent_v1/css/owl.carousel.min.css')}}" rel="stylesheet">

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="{{ asset('alltalent_v1/css/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{ asset('alltalent_v1/css/animate.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('alltalent_v1/css/magnific-popup.min.css')}}">


<script src="{{ asset('alltalent_v1/js/owl.carousel.js')}}" ></script>
<script src="{{ asset('alltalent_v1/js/jquery.magnific-popup.min.js')}}" ></script>


<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="{{ asset('alltalent_v1/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('alltalent_v1/js/owl.carousel.js') }}"></script>
<script src="{{ asset('alltalent_v1/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('alltalent_v1/js/wow.js') }}"></script>

<link rel="stylesheet" href="{{asset('alltalent_v1/css/intlTelInput.css')}}" type="text/css" media="screen">
<script src="{{ asset('alltalent_v1/js/intlTelInput-jquery.min.js') }}"></script>
<style>
    label.error {
        color:red
    }
    .enter_otp_sec_new{
        padding-top:0px !important;
    }
</style>


<section class="Professional_photo_shoot_sec comedy_sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="Professional_photo_shoot_sec_inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="Professional_photo_shoot_sec_inner_left">
                                <img src="{{asset('alltalent_v1/images/upper-arrow.png')}}" class="upper_arrow hide_mob">
                                <h6>Book</h6>
                                <h6>Entertaining</h6>
                                <div class="prd_head">
                                    <h5>STANDUP</h5>
                                    <h4>COMEDIANS</h4>
                                </div>
                                <p>Add laughter and entertainment to your next event with our comedian hiring service.</p>
                                <a href="#" data-toggle="modal" data-target="#save_draft_sec" class="share_page_btn">Share this Page</a>
                                <div class="get_your_products hide_mob">
                                    <img src="{{asset('alltalent_v1/images/prod-1.png') }}">
                                    <div class="get_your_products_div">
                                        <span>Hire our top comedians and<br> make your audience LOL</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="Professional_photo_shoot_sec_inner_right">
                                <div class="hide_desk">
                                    <img src="{{asset('alltalent_v1/images/upper-arrow.png')}}" class="upper_arrow">
                                    <div class="get_your_products">
                                        <img src="{{asset('alltalent_v1/images/prod-1.png') }}">
                                        <div class="get_your_products_div">
                                            <span>Hire our top comedians and<br> make your audience LOL</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="Professional_photo_shoot_sec_inner_right_slide">
                                    <img src="{{asset('alltalent_v1/images/wave-1.png') }}" class="wave_slide1">
                                    <img src="{{asset('alltalent_v1/images/wave-2.png') }}" class="wave_slide2">
                                    <div class="Professional_photo_shoot_sec_inner_right_slide_inner popup-gallery">
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <a class="popup-vimeo" href="{{asset('alltalent_v1/videos/vid-5.mp4') }}">
                                                <img src="{{asset('alltalent_v1/images/stand-1.png') }}" alt="" />
                                                <i class="fas fa-play"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="Professional_photo_shoot_sec_inner_right_slide_inner owl-carousel" id="photo_slide" style="display: none;">
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <img src="{{asset('alltalent_v1/images/psl-2.png') }}" alt="" />
                                        </div>
                                        <!--<div class="Professional_photo_shoot_sec_inner_right_slide_single">-->
                                        <!--    <img src="{{asset('alltalent_v1/images/psl-1.png') }}" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="Professional_photo_shoot_sec_inner_right_slide_single">-->
                                        <!--    <img src="{{asset('alltalent_v1/images/psl-11.png') }}" alt="" />-->
                                        <!--</div>-->
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <img src="{{asset('alltalent_v1/images/psl-3.png') }}" alt="" />
                                        </div>
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <img src="{{asset('alltalent_v1/images/psl-4.png') }}" alt="" />
                                        </div>
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <img src="{{asset('alltalent_v1/images/psl-5.png') }}" alt="" />
                                        </div>
                                        <div class="Professional_photo_shoot_sec_inner_right_slide_single">
                                            <img src="{{asset('alltalent_v1/images/psl-6.png') }}" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="limited_time_sec singers_sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class="limited_time_sec_main">
                    <div class="limited_time_sec_left">
                        <div class="limited_time_sec_left_head">
                            <h5><span>Book Now!</span></h5>
                            <p>Get an Standout comedian from All Talent</p>
                        </div>
                        <div class="limited_time_sec_left_body">
                            <form class="non_meeting_form">
                                @csrf
                                <input type="hidden" name="ad_type" value="StandUp Comedian Page">
                                <input type="hidden" name="ad_url" value="{{ route('standupcomedian')}}">

                                <div class="limited_time_sec_left_body_inner">
                                    <div class="limited_time_sec_left_single">
                                        <label>First Name</label>
                                        <input type="text" required name="first_name" placeholder="Enter First Name">
                                    </div>
                                    <div class="limited_time_sec_left_single">
                                        <label>Last Name</label>
                                        <input type="text" required name="last_name" placeholder="Enter Last Name">
                                    </div>
                                </div>
                                <div class="limited_time_sec_left_body_inner">
                                    <div class="limited_time_sec_left_single">
                                        <label>Email ID</label>
                                        <input type="email"required  name="email_id" placeholder="Enter Email ID">
                                    </div>
                                    <div class="limited_time_sec_left_single new_mobile_photo">
                                        <label>Phone Number</label>
                                        <input type="number" required id="mobile_number_new" class="" name="mobile_number" onkeypress="return isNumberKey(event);" value="" placeholder="Enter Phone Number" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" maxlength="10" >
                                        <input type="hidden" name="county_code" value="" id="county_code">
                                    </div>
                                </div>
                                <div class="limited_time_sec_left_single">
                                    <label>Event Details</label>
                                    <textarea required placeholder="Enter your Event Details" style="color: black;" rows="5" name="photoshot_desc"></textarea>
                                </div>
                                <div class="claim_offer_btn_sec">
                                    <button type="submit">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="limited_time_sec_right">
                        <div class="limited_time_sec_right_head">
                            <h4>Standup Comedy service includes:</h4>
                        </div>
                        <div class="limited_time_sec_right_inner">
                            <ul>
                                <li>We offer a wide selection of comedians, from up-and-coming talent to seasoned veterans.</li>
                                <li>We have comedians who specialize in a variety of styles, from observational comedy to satire.</li>
                                <li>Booking a comedian through us is easy and stress-free.</li>
                                <li>Our team will provide you with a shortlist of comedians who will be the perfect fit for your event.</li>
                                <li>Our comedians are professional, reliable, and tailor their performance to your audience.</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="features_singers_sec_new">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="features_singers_sec_new_inner_sec">
                    <div class="features_singers_sec_new_head">
                        <h6>Featured Standup Comedians</h6>
                    </div>
                    <div class="features_singers_sec_inner">
                        <div class="features_singers_sec_inner_single">
                            <a href="https://www.alltalent.com/akash1" target="_blank">
                                <div class="features_singers_sec_inner_single_img">
                                    <img src="{{asset('alltalent_v1/images/fea-sing-6.png') }}">
                                </div>
                                <div class="features_singers_sec_inner_single_img_cont">
                                    <h5>Akash</h5>
                                    <ul>
                                        <li>Anchor</li>
                                        <li>Comedian</li>
                                    </ul>
                                    <h6>Mumbai, Maharashtra , India</h6>
                                </div>
                            </a>
                        </div>
                        <div class="features_singers_sec_inner_single">
                            <a href="https://www.alltalent.com/bhavesh5" target="_blank">
                                <div class="features_singers_sec_inner_single_img">
                                    <img src="{{asset('alltalent_v1/images/fea-sing-7.png') }}">
                                </div>
                                <div class="features_singers_sec_inner_single_img_cont">
                                    <h5>Bhavesh</h5>
                                    <ul>
                                        <li>Anchor</li>
                                        <li>Comedian</li>
                                    </ul>
                                    <h6>Mumbai, Maharashtra , India</h6>
                                </div>
                            </a>
                        </div>
                        <div class="features_singers_sec_inner_single">
                            <a href="https://www.alltalent.com/raj-1" target="_blank">
                                <div class="features_singers_sec_inner_single_img">
                                    <img src="{{asset('alltalent_v1/images/fea-sing-8.png') }}">
                                </div>
                                <div class="features_singers_sec_inner_single_img_cont">
                                    <h5>Raj</h5>
                                    <ul>
                                        <li>Anchor</li>
                                        <li>Comedian</li>
                                    </ul>
                                    <h6>Mumbai, Maharashtra , India</h6>
                                </div>
                            </a>    
                        </div>
                        <div class="features_singers_sec_inner_single">
                            <a href="https://www.alltalent.com/kaushal-1" target="_blank">
                            <div class="features_singers_sec_inner_single_img">
                                <img src="{{asset('alltalent_v1/images/fea-sing-9.png') }}">
                            </div>
                            <div class="features_singers_sec_inner_single_img_cont">
                                <h5>Kaushal</h5>
                                <ul>
                                    <li>Anchor</li>
                                    <li>Comedian</li>
                                </ul>
                                <h6>Mumbai, Maharashtra , India</h6>
                            </div>
                            </a>
                        </div>
                        <div class="features_singers_sec_inner_single">
                             <a href="https://www.alltalent.com/rohit-1" target="_blank">
                            <div class="features_singers_sec_inner_single_img">
                                <img src="{{asset('alltalent_v1/images/fea-sing-10.png') }}">
                            </div>
                            <div class="features_singers_sec_inner_single_img_cont">
                                <h5>Rohit</h5>
                                <ul>
                                    <li>Anchor</li>
                                    <li>Comedian</li>
                                </ul>
                                <h6>Mumbai, Maharashtra , India</h6>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="features_singers_sec_new">
    <div style="text-align: center;" class="claim_offer_btn_sec">
        <a style="color:#2196F3;font-weight: 600;" href="https://www.alltalent.com/talents/Comedian" target="_blank">
        See More Comedians</a>
    </div>
  
</section>

<div class="otp_popup_sec_new">
    <div id="otp_popup_sec" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="otp_popup_sec_inner">
                        <button type="button" class="close" data-dismiss="modal"><i class="far fa-times-circle"></i></button>
                        <div class="otp_popup_sec_inner_head">
                            <h5>Verify your details to proceed</h5>
                        </div>
                        <span class="check_circle_sec" id="otp_sent_status">
                            <i class="fas fa-check-circle"></i>OTP has been sent to Mobile number & Email address.
                        </span>
                        <form action="{{route('verity-otp-for-product-shoot')}}" method="POST" class="otp_verification_form" onsubmit="return verifyOtpForProductShoot()">
                            @csrf
                            <div class="enter_otp_sec_new">
                                <h6>Enter OTP</h6>
                                <div class="enter_otp_sec_new_inner">
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                    <input type="text" name="ps_otp[]" class="ps_dev_otp_fld" maxlength="1" placeholder="*" required>
                                </div>
                                <div class="enter_otp_sec_new_inner_reset">
                                    <a href="javascript:void(0)" id="ps_resend_otp" class="disa" onclick="resendOtpForPs('resend')" style="pointer-events: none">Resend OTP </a>
                                    <span id="ps_otp_timer">
                                        <!-- OTP in <p> 0:57</p> -->
                                    </span>
                                </div>
                                <div class="yes_agree_sec">
                                    <label class="container">Yes, I Agree to the <b>Terms & Conditions</b>
                                    <input type="checkbox" id="agree_tnc_productps" name="agree_tnc_productps" onchange="agreeTncProductps()">
                                    <span class="checkmark"></span>
                                    </label>
                                </div>
                                <div class="submit_btn_new_otp">
                                    <button type="submit" class="disable_btn" id="otp_verification_submit_btn" disabled>Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="inquiry_sec_new">
    <div id="inquiry" class="modal fade " role="dialog"  aria-modal="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="inquiry_sec_new_inner">
                        <button type="button" class="close" data-dismiss="modal"><i class="far fa-times-circle"></i></button>
                        <img src="{{asset('alltalent_v1/images/thik-cin.png')}}" alt="" title="">
                        <p>Your inquiry has been submitted. We will get back to you shortly!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="save_draft_sec_new">
    <div id="save_draft_sec" class="modal fade " role="dialog" aria-modal="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="save_draft_sec_inner">
                        <button type="button" class="close" data-dismiss="modal"><i class="far fa-times-circle"></i></button>
                        <img src="{{asset('alltalent_v1/images/p-1.svg')}}">
                        <h6>Your Service has been posted! </h6>
                        <ul class="share_link_sec">
                            <li class="sha_text">Share this Service Link via:</li>
                            <li><a href="javascript:void(0);" onclick="shareOnFacebook()"><img src="{{asset('alltalent_v1/images/f1.svg')}}"></a></li>
                            <li><a onclick="shareOnInstagram()" href="javascript:void(0);"><img src="{{asset('alltalent_v1/images/f2.svg')}}"></a></li>
                            <li><a  onclick="shareOnTwitter()" href="javascript:void(0);"><img src="{{asset('alltalent_v1/images/f3.svg')}}"></a></li>
                            <li><a onclick="shareOnYouTube()" href="javascript:void(0);"><img src="{{asset('alltalent_v1/images/f4.svg')}}"></a></li>
                            <li><a onclick="shareOnLinkedIn()" href="javascript:void(0);"><img src="{{asset('alltalent_v1/images/f5.svg')}}"></a></li>
                        </ul>
                        <span class="or_sec_new">
                            Or
                        </span>
                        <div class="copy_link_sec_new">
                           <h5>Copy Link</h5>
                            <span>
                                <i class="fas fa-link"></i>
                                <input type="text" name="" 
                                id="link_text"
                                placeholder="{{ route('standupcomedian')}}"
                                readonly
                                value="{{ route('standupcomedian')}}"
                                >
                                <a id="copy-btn" href="javascript:void(0);">Copy</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

@endsection

@section('script')
<script src="{{asset('alltalent_v1/js/jquery.validate.min.js')}}"></script>

<script>
    
    document.getElementById("copy-btn").addEventListener("click", function() {
  // Get the current page URL
  var copyText = document.getElementById("link_text");

// Select the text field
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices

// Copy the text inside the text field
navigator.clipboard.writeText(copyText.value);

//   alert("Link copied to clipboard: " + currentUrl);
});
     function shareOnFacebook() {
        window.open("https://www.facebook.com/sharer/sharer.php?u=" + window.location.href, '_blank');
      }
      function shareOnTwitter() {
        window.open("https://twitter.com/intent/tweet?url=" + window.location.href,'_blank');
      }
      function shareOnInstagram() {
        window.open("https://www.instagram.com/?url=" + window.location.href,'_blank');
      }
      function shareOnLinkedIn() {
        window.open("https://www.linkedin.com/sharing/share-offsite/?url=" + window.location.href,'_blank');
      }
      function shareOnYouTube() {
        window.open("https://www.youtube.com/?url=" + window.location.href,'_blank');
      }
    jQuery("#photo_slide").owlCarousel({
        loop: true,
        margin:10,
        responsiveClass: true,
        autoplay:true,
        autoplayHoverPause:false,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        autoplayTimeout:3500,
        autoHeight: true,
        mouseDrag: true,
        touchDrag: true,
        smartSpeed: 800,
        nav: false,
        dots:false,
        responsive: {
            0: {
                items: 1
            },

            600: {
                items: 2
            },

            1024: {
                items: 2,
                margin:20
            },

            1199: {
                items: 1,
                 margin:20
            },

            1366: {
                items: 1
            }
        }
    });
</script>

<script type="text/javascript">
$("#mobile_number_new").intlTelInput({
    initialCountry: "in",
    separateDialCode: true,
});
</script>

<script type="text/javascript">
    function showMenu(dynMenuCls){
        $('.menu_hide').hide();
        $('.'+dynMenuCls).show();
        var video = document.getElementById("myVideo");
        video.pause();
        video.currentTime = 0;
    }
    function hideMenu(dynMenuCls){
        $('.new_remove').show();
        $('.'+dynMenuCls).hide();
        $('#myVideo').get(0).play();

    }
    function openOtpModal(hidePopDyn,showPopDyn){
        $('.'+hidePopDyn).hide();
        $('.'+showPopDyn).show();
    }
</script>

<script type="text/javascript">
    $( document ).ready(function() {
        $('#joinBtn').click(function(){
            $('.hide_menu_new_menu').hide();
            $('.show_menu_new_menu').show();
            $('.after_login_menu').hide();
        });
        $('#logoutBtn').click(function(){
            $('.hide_menu_new_menu').show();
            $('.show_menu_new_menu').hide();
            $('.after_login_menu').show();
        });
    });
</script>

<script type="text/javascript">
    LoginScreen = () =>{
       $('#add_id').removeClass('add_cls_dis_none');
       $('#drop_id_sec').show();
       $('#new_join_id_sec').hide();
    }
</script>

<script type="text/javascript">
    $(window).on('scroll', function() {
        if ($(window).scrollTop() > 100) {
            $('.all_head_inner').addClass('sticky_header_inner animated fadeInDown');
        } else {
            $('.all_head_inner').removeClass('sticky_header_inner animated fadeInDown');
        }
    });
</script>


<script type="text/javascript">
    const btn =
document.querySelector(".myBtn")
const searchBox =
document.querySelector(".fullScreen")
const closeBtn =
document.querySelector(".closeBtn")


closeBtn.addEventListener("click", ()=>{
    searchBox.style.display = "none"
})

btn.addEventListener('click', ()=>{
    searchBox.style.display = "block"
})
</script>


<script type="text/javascript">
    viewMore = () =>{
        $('#view_more_sec_new').slideToggle(500);
        $("#display_advance").toggleClass("image_fade");
        if ($('#view_more').text() == "View More") {
            $('#view_more').text("View Less")
        } else {
            $('#view_more').text("View More")
        }
    }
    // $('#view_more').click(function(){
    //     $("#display_advance").toggleClass("image_fade");
    // });
</script>


<script type="text/javascript">
    $(document).ready(function() {
        $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            gallery: {
                enabled: true,
                navigateByImgClick: true,
                preload: [0, 1]
            },
            type: 'iframe',
            mainClass: 'mfp-fade bg_white mfp-download',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false,
        });
    });

</script>

<!-- <script>
    function resize() {
        if ($(window).width() < 767) {
            $('.happy_clients_sec_main_body').addClass('sm-meet-team-slider owl-carousel');
            $('.sm-meet-team-slider').owlCarousel({
                loop:true,
                margin:10,
                autoplay:true,
                autoplayTimeout:1500,
                smartSpeed:2000,
                responsiveClass:true,
                responsive:{

                    0:{

                        items:1,
                        nav:false,
                        dots:false
                    },
                    600:{

                        items:3,
                        nav:false,
                        dots:false
                    },
                    1000:{

                        items:1 ,
                        nav:false,
                        loop:false,
                        dots:false
                    }
                }
            })
        }
        else {$('.happy_clients_sec_main_body').removeClass('sm-meet-team-slider owl-carousel');}
    }

    $(document).ready( function() {
        $(window).resize(resize);
        resize();
    });

</script>  -->


<script>
    jQuery("#photo_slide").owlCarousel({
        loop: true,
        margin:10,
        responsiveClass: true,
        autoplay:true,
        autoplayHoverPause:false,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        autoplayTimeout:3500,
        autoHeight: true,
        mouseDrag: true,
        touchDrag: true,
        smartSpeed: 800,
        nav: false,
        dots:false,
        responsive: {
            0: {
                items: 1
            },

            600: {
                items: 1
            },

            1024: {
                items: 1
            },

            1366: {
                items: 1
            }
        }
    });
</script>

<script type="text/javascript">
    $("#mobile_number_new").intlTelInput({
        initialCountry: "in",
        separateDialCode: true,
    });

$(document).ready(function(){
    let non_meeting_form=$('.non_meeting_form');
    let non_meeting_form_validate=non_meeting_form.validate({
        errorPlacement: function(error, element) {
                error.insertAfter(element);
            // if (element.attr('name') == "online_time") {
            //     error.insertAfter("div.online-meet-time");
            // } else {
            //     error.insertAfter(element);
            // }
        }
        , rules: {
            date: "required"
            , time: "required",
            type:"required",
            branch:"required"
        }
    });
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').val(),
        }
    });
    non_meeting_form.on('submit',function(e){
        let countycode = $("input[name='mobile_number']").intlTelInput("getSelectedCountryData").dialCode;
        $('#county_code').val(countycode);
        e.preventDefault();
        let $this=$(this);
        if($this.valid()){
            $(this).find('button[type="submit"]').attr('disabled','disabled').html('<i class="fa fa-circle-o-notch fa-spin"></i>Loading...');
            $.ajax({
                url:"{{ route('StoreProductShoot')}}",
                method:"post",
                contentType: false,
                processData: false,
                data: new FormData(this),
                success:function(res){
                    if(res.data){
                        $this[0].reset();
                        $this.find('button[type="submit"]').removeAttr('disabled','disabled').html('Claim Offer');
                        if(res.user!=1){
                            $('#otp_popup_sec').modal('show');
                            otpTimer(60);
                            $("#otp_sent_status").delay(4000).fadeOut(500);
                        }
                    }
                }
            })
        }
    });
});

</script>

<script type="text/javascript">
    function showMenu(dynMenuCls){
        $('.menu_hide').hide();
        $('.'+dynMenuCls).show();
        var video = document.getElementById("myVideo");
        video.pause();
        video.currentTime = 0;
    }
    function hideMenu(dynMenuCls){
        $('.new_remove').show();
        $('.'+dynMenuCls).hide();
        $('#myVideo').get(0).play();

    }
    function openOtpModal(hidePopDyn,showPopDyn){
        $('.'+hidePopDyn).hide();
        $('.'+showPopDyn).show();
    }
</script>

<script type="text/javascript">
    $( document ).ready(function() {
        $('#joinBtn').click(function(){
            $('.hide_menu_new_menu').hide();
            $('.show_menu_new_menu').show();
            $('.after_login_menu').hide();
        });
        $('#logoutBtn').click(function(){
            $('.hide_menu_new_menu').show();
            $('.show_menu_new_menu').hide();
            $('.after_login_menu').show();
        });
    });
</script>

<script type="text/javascript">
    LoginScreen = () =>{
       $('#add_id').removeClass('add_cls_dis_none');
       $('#drop_id_sec').show();
       $('#new_join_id_sec').hide();
    }
</script>

<script type="text/javascript">
    $(window).on('scroll', function() {
        if ($(window).scrollTop() > 100) {
            $('.all_head_inner').addClass('sticky_header_inner animated fadeInDown');
        } else {
            $('.all_head_inner').removeClass('sticky_header_inner animated fadeInDown');
        }
    });
</script>


<script type="text/javascript">
    const btn =
document.querySelector(".myBtn")
const searchBox =
document.querySelector(".fullScreen")
const closeBtn =
document.querySelector(".closeBtn")


closeBtn.addEventListener("click", ()=>{
    searchBox.style.display = "none"
})

btn.addEventListener('click', ()=>{
    searchBox.style.display = "block"
})
</script>


<script type="text/javascript">
    viewMore = () =>{
        $('#view_more_sec_new').slideToggle(500);
        $("#display_advance").toggleClass("image_fade");
        if ($('#view_more').text() == "View More") {
            $('#view_more').text("View Less")
        } else {
            $('#view_more').text("View More")
        }
    }
    // $('#view_more').click(function(){
    //     $("#display_advance").toggleClass("image_fade");
    // });
</script>


<script type="text/javascript">
    $(document).ready(function() {
        $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            gallery: {
                enabled: true,
                navigateByImgClick: true,
                preload: [0, 1]
            },
            type: 'iframe',
            mainClass: 'mfp-fade bg_white mfp-download',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false,
        });
    });

</script>
<script>
    $(".ps_dev_otp_fld").keyup(function () {
        var key = event.keyCode || event.charCode;
        if( key == 8 || key == 46 ){
            $(this).prev().focus();
        }else{
            if (this.value.length == this.maxLength) {
                $(this).next().focus();
            }
        }
        var psotps = [];
        $(".ps_dev_otp_fld").each(function(){
            psotps.push($(this).val());
        });
        if(psotps.length>5 && $('#agree_tnc_productps').is(':checked')){
            $('#otp_verification_submit_btn').removeClass('disable_btn').attr("disabled", false);
        }else{
            $('#otp_verification_submit_btn').addClass('disable_btn').attr("disabled", true);
        }
    });
    agreeTncProductps = () => {
        var psotps = [];
        $(".ps_dev_otp_fld").each(function(){
            psotps.push($(this).val());
        });
        if(psotps.length>5 && $('#agree_tnc_productps').is(':checked')){
            $('#otp_verification_submit_btn').removeClass('disable_btn').attr("disabled", false);
        }else{
            $('#otp_verification_submit_btn').addClass('disable_btn').attr("disabled", true);
        }
    }
    otpTimer = (remaining,param=null) =>{
        var m = Math.floor(remaining / 60);
        var s = remaining % 60;
        m = m < 10 ? '0' + m : m;
        s = s < 10 ? '0' + s : s;
        let alrtMsgForResend = "";
        if(param!='' && param=='resend'){
            alrtMsgForResend = "OTP in 0:" + s;
        }else{
            alrtMsgForResend = "OTP in 0:" + s;
        }
        $('#ps_otp_timer').show().html(alrtMsgForResend);
        remaining -= 1;
        $('#ps_resend_otp').css("pointer-events", "none");
        $('#ps_resend_otp').addClass("disa");
        if (remaining >= 0 && loginTimer) {
            setTimeout(function() {
                otpTimer(remaining,param);
            }, 1000);
            return;
        } else {
            $('#ps_otp_timer').show().html('');
            $('#ps_resend_otp').css("pointer-events", "");
            $('#ps_resend_otp').removeClass("disa");
        }
    }
    resendOtpForPs = (param) => {
        if(param=='resend'){
            $('.ps_dev_otp_fld').val('');
            $('#otp_verification_submit_btn').addClass('disable_btn').attr("disabled", true);
            $.ajax({
                type: "post",
                url: "{{route('product-shoot-resend-otp')}}",
                data: {
                    '_token': '{{ csrf_token() }}'
                },
                cache: false,
                success: function(res) {
                    if(res.status==1){
                        $('#ps_resend_otp').css("pointer-events","none").addClass('disa');
                        otpTimer(60,param);
                        $("#otp_sent_status").show();
                        $("#otp_sent_status").delay(4000).fadeOut(500);
                    }
                }
            });
        }
    }
    verifyOtpForProductShoot = () => {
        var psotps = [];
        $(".ps_dev_otp_fld").each(function(){
            psotps.push($(this).val());
        });
        if(psotps.length>5 && $('#agree_tnc_productps').is(':checked')){
            return true;
        }else{
            return false;
        }
    }

</script>
@endsection