@include('layouts.header')



  </section><!-- End Breadcrumbs -->

  <!-- ======= Features Section ======= -->
  <section id="features" class="features education">
    <div class="container" data-aos="fade-up">


      <div class=" d-flex flex-column align-items-center mt-3">
        <h3 class="content-card-title" style="color: rgb(19, 207, 129" >Trading</h3>
    </div>
      <div class="row g-3">
          
          
          
          @foreach ($trading  as $claint)

        <div class="col-lg-6 col-md-6 mb-4">
          <div class="icon-box">
             <img loading="lazy" style="height: 50px;" src="{{ url(env('EXT') . 'project/public/uploads/client/' . $claint->image) }}"
              alt="Pioneer Insurance Company Limited">
            <h3 style="padding-left: 15px;"><a target="_blank" href="{{ $claint->slug }}">{{ $claint->clientName }} </a></h3>
          </div>
        </div>
    @endforeach
    
    
    
    
       
      </div>
    </div>
  </section>



{{-- <style>
    th,
    tr,
    td {
        font-weight: 400;
    }

</style>
<div class="container">
    <div role="tabpanel">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-justified d-flex justify-content-between branch-tab" role="tablist">
            @foreach ($trading as $key=> $client)

                <li role="presentation">
                    <a href="#{{preg_replace('/\s+/', '', $key)}}" aria-controls="{{ preg_replace('/\s+/', '', $key)}}"
                        role="tab" data-toggle="tab" class="{{$key == key($clients->toArray()) ?'active':''}}">
                    {{ $key}}
                    </a>
                </li>

                @endforeach

        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            @foreach ($clients as $key=> $client)
            <div role="tabpanel" class="tab-pane {{$key == key($clients->toArray()) ?'active':''}}" id="{{preg_replace('/\s+/', '', $key)}}">
                <div>
                    <table class="table table-striped text-justify py-3">
                        <tbody>
                            <tr>
                                <th>
                                    @foreach ($client as $list)
                                    <li>{{$list->client}}</li>
                                    @endforeach
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div> --}}
<!-- Common header and footer -->

@include('layouts.footer')