@extends('Layouts.web_master')
  @section('content')
   <!-- ======= Breadcrumbs ======= -->
   <section id="breadcrumbs" class="breadcrumbs">
      <div class="container">
        <ol>
          <li><a href="index.html">Home</a></li>
          <li>Team Details</li>
        </ol>
        <h2>Team Details</h2>
      </div>
  </section><!-- End Breadcrumbs -->

  <!-- ======= team Details Section ======= -->
  <section id="team-details" class="team-details">
    <div class="container">
      <div class="row gy-4">
          <table class="table table-hover" style="background-color:#568475; color:white;">
              <thead>
                  <tr>
                      <th class="text-center" style="width: 5%;">SL</th>
                      <th>Name</th>
                      <th>Image</th>
                      <th>Details</th>
                  </tr>
              </thead>
              <tbody>
                @foreach ($teamData as $item)
                  <tr>
                      <td class="text-center">{{ $item->order }}</td>
                      <td>{{ $item->name }}</td>
                      <td><img src="{{ asset($item->image) }}" style="height:50px; width:50px;"></td>
                      <td>
                          Designation: {{ $item->designation }}<br>
                          Email: {{ $item->email }}
                      </td>
                  </tr> 
                @endforeach               
              </tbody>
          </table>
      </div>
    </div>
  </section><!-- End team Details Section -->
  

  @endsection