@extends('Web/layout')
@section('title','Home')
@section('content')
    <div class="pt-3">
        <div class="page-title d-flex">
            <div class="align-self-center me-auto" style="width:60%;">
                <h2 class="color-white login_name mb-0"></h2>
                <!-- <p class="color-white opacity-80 header-date"></p> -->
                <p class="color-white login_email"></p>
            </div>
            <div class="align-self-center ms-auto">
                <!-- <a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-highlights" class="icon bg-white color-theme rounded-m shadow-xl">
                <i class="bi bi-palette-fill  font-16"></i>
                </a> -->
                @php
                    $newslist = \App\Models\tblnews::where(['status'=>1])->whereNull('deleted_at')->orderBy('id','desc')->get();
                @endphp
                <a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-notifications" class="icon bg-white color-theme rounded-m shadow-xl">
                    <i class="bi bi-bell-fill  font-17"></i>
                    @if(count($newslist) > 0)
                    <em class="badge bg-red-light color-white scale-box">{{count($newslist)}}</em>
                    @endif
                </a>
                <a href="#" data-bs-toggle="dropdown" class="icon bg-white color-theme rounded-m shadow-xl">
                    <i class="bi bi-person-circle  font-17"></i>
                </a>
                <div class="dropdown-menu">
                    <div class="card card-style shadow-m mt-1 me-1">
                        <div class="list-group list-custom list-group-s list-group-flush rounded-xs px-3 py-1">
                            <a href="{{route('visitnote.profile')}}" class="list-group-item">
                                <i class="has-bg gradient-yellow shadow-bg shadow-bg-xs color-white rounded-xs bi bi-person-circle"></i>
                                <strong class="font-13 ">Profile</strong>
                            </a>
                            <a href="{{route('visitnote.userInformation')}}" class="list-group-item">
                                <i class="has-bg gradient-pink shadow-bg shadow-bg-xs color-white rounded-xs bi bi-person-circle"></i>
                                <strong class="font-13 ">Account Information</strong>
                            </a>
                            <a href="#" onclick="logout()" class="list-group-item">
                                <i class="has-bg gradient-red shadow-bg shadow-bg-xs color-white rounded-xs bi bi-power"></i>
                                <strong class="font-13  ">Log Out</strong>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <svg id="header-deco" viewBox="0 0 1440 600" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150">
    <path id="header-deco-1" d="M 0,600 C 0,600 0,120 0,120 C 92.36363636363635,133.79904306220095 184.7272727272727,147.59808612440193 287,148 C 389.2727272727273,148.40191387559807 501.4545454545455,135.40669856459328 592,129 C 682.5454545454545,122.5933014354067 751.4545454545455,122.77511961722489 848,115 C 944.5454545454545,107.22488038277511 1068.7272727272727,91.49282296650718 1172,91 C 1275.2727272727273,90.50717703349282 1357.6363636363635,105.25358851674642 1440,120 C 1440,120 1440,600 1440,600 Z"></path>
    <path id="header-deco-2" d="M 0,600 C 0,600 0,240 0,240 C 98.97607655502392,258.2105263157895 197.95215311004785,276.4210526315789 278,282 C 358.04784688995215,287.5789473684211 419.16746411483257,280.5263157894737 524,265 C 628.8325358851674,249.4736842105263 777.377990430622,225.47368421052633 888,211 C 998.622009569378,196.52631578947367 1071.3205741626793,191.57894736842107 1157,198 C 1242.6794258373207,204.42105263157893 1341.3397129186603,222.21052631578948 1440,240 C 1440,240 1440,600 1440,600 Z"></path>
    <path id="header-deco-3" d="M 0,600 C 0,600 0,360 0,360 C 65.43540669856458,339.55023923444975 130.87081339712915,319.1004784688995 245,321 C 359.12918660287085,322.8995215311005 521.9521531100479,347.1483253588517 616,352 C 710.0478468899521,356.8516746411483 735.3205741626795,342.3062200956938 822,333 C 908.6794258373205,323.6937799043062 1056.7655502392345,319.62679425837325 1170,325 C 1283.2344497607655,330.37320574162675 1361.6172248803828,345.1866028708134 1440,360 C 1440,360 1440,600 1440,600 Z"></path>
    <path id="header-deco-4" d="M 0,600 C 0,600 0,480 0,480 C 70.90909090909093,494.91866028708137 141.81818181818187,509.8373205741627 239,499 C 336.18181818181813,488.1626794258373 459.6363636363636,451.5693779904306 567,446 C 674.3636363636364,440.4306220095694 765.6363636363636,465.88516746411483 862,465 C 958.3636363636364,464.11483253588517 1059.8181818181818,436.8899521531101 1157,435 C 1254.1818181818182,433.1100478468899 1347.090909090909,456.555023923445 1440,480 C 1440,480 1440,600 1440,600 Z"></path>
    </svg>
    <div class="splide single-slider slider-no-dots slider-no-arrows slider-visible" id="single-slider-1">
    <div class="splide__track">
        <div class="splide__list">
            <div class="splide__slide">
                <div class="card card-style m-0 bg-5 shadow-card shadow-card-m" style="height:200px">
                
                
                <div class="card-overlay"></div>
                </div>
            </div>
            <div class="splide__slide">
                <div class="card card-style m-0 bg-9 shadow-card shadow-card-m" style="height:200px">
                
                <div class="card-overlay "></div>
                </div>
            </div>
            <div class="splide__slide">
                <div class="card card-style m-0 bg-7 shadow-card shadow-card-m" style="height:200px">
                
                
                <div class="card-overlay"></div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="content py-2">
    <div class="d-flex text-center">
        <div class="me-auto">
            <a href="{{route('visitnote.dailyAvailability')}}" class="icon icon-xxl rounded-m">
            <img src="{{ URL::asset('webassets/images/calender.png') }}" style="height: 50px;"/>
            </a>
            <h6 class="font-13 font-500 mb-0 pt-2">Daily Availability</h6>
            
        </div>

        <div class="m-auto">
            <a href="{{route('visitnote.chooseSchemeName')}}"  class="icon icon-xxl rounded-m  ">
                <img src="{{ URL::asset('webassets/images/customer-visit.png') }}" style="height: 50px;"/>
            </a>
            <h6 class="font-13 font-500 mb-0 pt-2">Add Visit</h6>
        </div>
        <div class="m-auto">
                <a href="{{route('visitnote.addMeetingInput')}}" class="icon icon-xxl rounded-m ">
                    <img src="{{ URL::asset('webassets/images/meeting.png') }}" style="height: 50px;"/>
                </a>
                <h6 class="font-13 font-500 mb-0 pt-2">Add Meeting</h6>
                    
        </div>
        
        <div class="ms-auto">
            <a href="{{route('visitnote.libraryScheme')}}" class="icon icon-xxl rounded-m ">
                <img src="{{ URL::asset('webassets/images/library.png') }}" style="height: 50px;"/>
            </a>
            <h6 class="font-13 font-500 mb-0 pt-2">Library</h6>
        </div>
        
    </div>
    </div>
    <div class="content my-0 mt-n2 px-1">
        <div class="d-flex">
            <div class="align-self-center">
                <h3 class="font-16 mb-2">Report</h3>
            </div>
            <div class="align-self-center ms-auto">
            
            </div>
        </div>
    </div>
    <div class="card card-style" style="margin: 0 5px 10px 5px;">
        <div class="content" style="margin: 5px 15px 5px 15px;">
            <div class="d-flex text-center">
                <div class="me-auto">
                    <a href="#" class="icon icon-xxl rounded-m">
                        <img src="{{ URL::asset('webassets/images/sales.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Sales</h6>
                </div>

                <div class="m-auto">
                    
                    <a href="{{route('visitnote.visitReport')}}" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/visitreport.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Visit</h6>
                </div>
                <div class="m-auto">
                    <a href="{{route('visitnote.meetingReport')}}" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/meetingreport.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Meeting</h6>
                </div>
               
                <div class="ms-auto">
                    
                    <a href="{{route('visitnote.plotActivity')}}" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/activity.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Plot Activity</h6>
                </div>
               
            </div>
        </div>
    </div>
    <div class="content my-0 mt-3 px-1">
        <div class="d-flex">
            <div class="align-self-center">
                <h3 class="font-16 mb-2">Team</h3>
            </div>
            <div class="align-self-center ms-auto">
            
            </div>
        </div>
    </div>
    <div class="card card-style" style="margin: 0 5px 10px 5px;">
        <div class="content" style="margin: 5px 15px 5px 15px;">
            <div class="d-flex text-center">
                 <div class="me-auto">
                    <a href="{{route('visitnote.myTeam')}}" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/my_team.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">My Team</h6>
                </div>

                <div class="m-auto">
                    <a href="#" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/contest.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Contest</h6>
                </div>

                <div class="ms-auto">
                    <a href="#" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/rewards.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Rewards</h6>
                </div>

               
                
            </div>

         
        </div>
    </div>
    <div class="content my-0 mt-3 px-1">
        <div class="d-flex">
            <div class="align-self-center">
                <h3 class="font-16 mb-2">Dispute Section</h3>
            </div>
            <div class="align-self-center ms-auto">
            
            </div>
        </div>
    </div>
    <div class="card card-style" style="margin: 0 5px 10px 5px;">
        <div class="content" style="margin: 5px 15px 5px 15px;">
            
            <div class="d-flex text-center">
                <div class="me-auto">
                    <a href="{{route('visitnote.internalDisputeSolutions')}}" class="icon icon-xxl rounded-m">
                        <img src="{{ URL::asset('webassets/images/dispute.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Raise Dispute</h6>
                </div>

                <div class="m-auto">
                    <a href="{{route('visitnote.myDisputeReport',['dispute_type' => 'my_dispute'])}}" class="icon icon-xxl rounded-m">
                        <img src="{{ URL::asset('webassets/images/report.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">My Dispute</h6>
                </div>
                <div class="ms-auto">
                    <a href="{{route('visitnote.disputeWithMeReport',['dispute_type' => 'dispute_with_me'])}}" class="icon icon-xxl rounded-m">
                    <img src="{{ URL::asset('webassets/images/report1.png') }}" style="height: 50px;"/>
                    </a>
                    <h6 class="font-13 font-500 mb-0 pt-2">Dispute With Me</h6>
                </div>
               
                
            </div>
        </div>
    </div>
<div id="menu-modal-window" style="width: 320px; display: block; visibility: visible;" class="offcanvas offcanvas-modal rounded-m " aria-modal="true" role="dialog">
   <div class="d-flex m-3">
      <div class="align-self-center">
         <h2 class="font-700 mb-0">Notification</h2>
      </div>
      <div class="align-self-center ms-auto">
         <a href="#" class="icon icon-xs me-n2" data-bs-dismiss="offcanvas">
         <i class="bi bi-x-circle-fill color-red-dark font-16"></i>
         </a>
      </div>
   </div>
   <div class="content mt-0">
      <div class="card card-style rounded-s m-0" style="height:130px; display:none;" id="notificationimage">
        
      </div>
      <!-- <h4 class="pt-3">Any Content</h4> -->
      <p class="mb-4" id="notificationcontent">
        
      </p>
   </div>
</div>
<div class="list-group list-custom list-group-m rounded-xs" style="display:none;">
   <a href="#" class="list-group-item" data-bs-toggle="offcanvas" data-bs-target="#menu-transfer-ok" id="menutransferok">
      <i class="bi bi-check font-20 color-green-dark"></i>
      <div>Transfer Success</div>
      <i class="bi bi-chevron-right"></i>
   </a>
   <a href="#" class="list-group-item" data-bs-toggle="offcanvas" data-bs-target="#menu-transfer-pending">
      <i class="bi bi-question font-20 color-blue-dark"></i>
      <div>Transfer Pending</div>
      <i class="bi bi-chevron-right"></i>
   </a>
   <a href="#" class="list-group-item" data-bs-toggle="offcanvas" data-bs-target="#menu-transfer-failed">
      <i class="bi bi-x font-20 color-red-dark"></i>
      <div>Transfer Failed</div>
      <i class="bi bi-chevron-right"></i>
   </a>
</div>

<div id="menu-transfer-ok" style="width: 320px; display: block; visibility: hidden;" class="offcanvas offcanvas-modal offcanvas-detached rounded-m"  aria-hidden="true">
    <div class="content text-center">
        <i style="font-size:65px;" class="scale-box bi bi-check-circle-fill color-green-dark shadow-s rounded-circle p-0 mt-3 mb-3 d-inline-block"></i>
        <h1 class="pt-3 font-24" id="success_title">Success</h1>
        <p class="font-16" id="success_subtitle">
            
        </p>
        <a href="#" data-bs-toggle="offcanvas" class="btn btn-full gradient-green shadow-bg shadow-bg-xs" onclick="cancel()">Okay</a>
    </div>
</div>

<div id="menu-transfer-failed" style="width: 320px; display: block; visibility: hidden;" class="offcanvas offcanvas-modal offcanvas-detached rounded-m" aria-hidden="true">
   <div class="content text-center">
      <i style="font-size:65px;" class="scale-box bi bi-x-circle-fill color-red-dark shadow-s rounded-circle p-0 mt-3 mb-3 d-inline-block"></i>
      <h1 class="pt-3 font-28">Transfer Failed</h1>
      <p class="font-14 mb-0">
         There was an error processing your transfer. Please contact support for more details.
      </p>
      <a href="tel:+1 234 567 155" class="py-4 font-700 text-uppercase d-block">Tap to Call Support</a>
      <a href="#" data-bs-toggle="offcanvas" class="btn btn-full gradient-red shadow-bg shadow-bg-xs">Okay</a>
   </div>
</div>
<div id="menu-transfer-failed" style="width: 320px; display: block; visibility: hidden;" class="offcanvas offcanvas-modal offcanvas-detached rounded-m" aria-hidden="true">
   <div class="content text-center">
      <i style="font-size:65px;" class="scale-box bi bi-x-circle-fill color-red-dark shadow-s rounded-circle p-0 mt-3 mb-3 d-inline-block"></i>
      <h1 class="pt-3 font-28">Transfer Failed</h1>
      <p class="font-14 mb-0">
         There was an error processing your transfer. Please contact support for more details.
      </p>
      <a href="tel:+1 234 567 155" class="py-4 font-700 text-uppercase d-block">Tap to Call Support</a>
      <a href="#" data-bs-toggle="offcanvas" class="btn btn-full gradient-red shadow-bg shadow-bg-xs">Okay</a>
   </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    history.pushState(null, null, location.href);
      window.onpopstate = function () {
         history.go(1);
      };
      var successpopup = localStorage.getItem('successpopup');
      var success_subtitle = localStorage.getItem('success_subtitle');
      if(successpopup != null){
        localStorage.removeItem('successpopup');
        localStorage.removeItem('success_subtitle');
        $("#success_subtitle").html(success_subtitle);  
        $("#menu-transfer-ok").css({"visibility": "visible", "opacity" : 1});
        $("#menu-transfer-ok").addClass("show");
      }
 
</script>
<script type = "text/javascript" >  
    function preventBack() { window.history.forward(); }  
    setTimeout("preventBack()", 0);  
    window.onunload = function () { null };  
</script>
<script type="text/javascript"> 
        function preventBack() { 
            window.history.forward();  
        } 
          
        setTimeout("preventBack()", 0); 
          
        window.onunload = function () { null }; 

        window.addEventListener('load', function() {
            window.history.pushState({}, '')
        })

        window.addEventListener('popstate', function() {
            window.history.pushState({}, '')
        })

    </script> 
@endsection