@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="collabrator-text">Existing Zonal Leads</span>--}}

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

        <table id="example" class="table table-bordered" style="width:100%;">

            <tbody>
                        @foreach($zonallead as $key => $data)
            <tr style="background:#ffffff!important;">
                <td style="border-bottom: none;">{{ $num }}</td>
                <td style="border-bottom: none;">
                    <a href="zonalleaddetails/{{$data->id}}" style="text-decoration: none;font-size: 0.95em;"><span>{{strtoupper($data->name)}}</span></a>
                </td>

            </tr>
            
            @endforeach
            </tbody>
        </table>

    </div>



</section>

<script>

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

    });


</script>
@endsection