@include('includes.header')


<section class="partheight" style=" background: #007BFF;">
    <div id=""></div>
</section>



    <section id="common-title" style="text-align: center;top:12%">
        <div class="container">
            <p class="animated zoomInDown header-title" style="" >Existing Zonal Leads
            </p>
            <img src="{{url('images/collaboration.png')}}" alt="Collaboration" style="width: 80px;">
            
        </div>
    </section>

    <section class="workshop-section" style="padding: 40px 0;">

        <div class="container padding0"  style="padding: 0 5px;">
            <div class="row " style="margin: 0">
                <span class="partnertext">Existing Zonal Leads</span>

            </div>
            <hr style="background: #007bff;height: 3px;width:100px;float: left "><br><br>

            <table class="table table-bordered" style="">

                @foreach($zonallead as $key => $data)
                    <tr>
                        <td>{{$data->id}}</td>
                        <td>
                            <a href="zonalleaddetails/{{$data->id}}" style="text-decoration: none;">{{strtoupper($data->name)}}</a>
                        </td>

                    </tr>
                @endforeach


            </table>

        </div>



    </section>


@include('includes.footer')


<script>

    $(document).ready(function(){
        var scrollTop = 0;
        var widthWindow = 0;
        $(window).scroll(function(){
            scrollTop = $(window).scrollTop();
            $('.counter').html(scrollTop);

            if (scrollTop >= 10) {
                widthWindow = $(window).width();
                if(widthWindow >=768){
                    $('#global-nav').addClass('scrolled-nav');
                }
                
            } else if (scrollTop < 40) {
                $('#global-nav').removeClass('scrolled-nav');
            }

        });

    });


</script>
<script src="{{  url('js/particles.js')  }}"></script>
<script src="{{  url('js/app.js')  }}"></script>



<script>

    $(document).ready(function(){
        var scrollTop = 0;
        var widthWindow = 0;
        $(window).scroll(function(){
            scrollTop = $(window).scrollTop();
            $('.counter').html(scrollTop);

            if (scrollTop >= 10) {
                widthWindow = $(window).width();
                if(widthWindow >=768){
                    $('#global-nav').addClass('scrolled-nav');
                }

            } else if (scrollTop < 40) {
                $('#global-nav').removeClass('scrolled-nav');
            }

        });

    });


</script>

<script src="{{  url('js/paper.min.js')  }}"></script>
<script src="{{  url('js/bootstrap.min.js')  }}"></script>
</body>
</html>