@include('includes.header')


<section class="partheight" style=" background: #007BFF;height: 70px;">
    <div id=""></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="leadname">@foreach($name as $key => $data1)
                        <tr>

                        <td>
                            {{strtoupper($data1->name)}}
                        </td>

                    </tr>
                    @endforeach</span>

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

            <table class="table table-bordered" style="">
                                @foreach($zonaldetails as $key => $data)
                
                                            <tr>

                            <td>
                                <strong>{{substr(strtoupper($data->name),0,11)}}</strong> {{substr(strtoupper($data->name),11)}}
                            </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>