@extends('masterpage')
@section('newpagecontent')
    <section class="inner_header_back ">
        <div class="container pb-5 text-center padding-b-20">
            <div class="col-12 p-0 text-ali-left">
                <p class="animated zoomInDown h3 inner-banner-text" style=" " >Existing Zonal Leads
                </p>
            </div>
            <div class="col-12 mt-5-sm-3 p-0 text-ali-left">

                <img src="{{url('images/collaboration.png')}}" alt="Collaboration" style="width: 70px;" class="hand-img">
            </div>

        </div>
    </section>

    <section class="workshop-section" style="padding: 50px 0 120px 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>

    <script>

        $(document).ready(function(){
            $('#nav-associates').addClass('active');
            $('#nav-home').removeClass('active');

        });


    </script>
@endsection