@props(['assignedteams','allteams'])

@php
$AllTeams=$allteams;
$AssignedTeams=$assignedteams;
@endphp

<div id="TeamsAccordion" class="accordion-icons accordion">
  <div class="card">
    <div class="card-header" id="...">
      <section class="mb-0 mt-0">
        <div role="menu" class="collapsed" data-toggle="collapse" data-target="#TeamAccordionOne" aria-expanded="true" aria-controls="TeamAccordionOne">
          <div class="accordion-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>


          <span class="text-primary">Teams</span>  <div class="icons">
           @if(sizeof($AssignedTeams))
           <span class="badge badge-info">{{sizeof($AssignedTeams)}}</span>
           @endif

           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
         </div>
       </section>
     </div>

     <div id="TeamAccordionOne" class="collapse" aria-labelledby="..." data-parent="#iconsAccordion">
      <div class="card-body">

        <table class="table table-bordered">
          @if(sizeof($AssignedTeams))
          <thead>
            <tr>
              <th>Slno</th>
              <th>Teams</th>
            </tr>
          </thead>

          @php
          $tc=0;
          @endphp

          @foreach($AllTeams as $Team)
          @if(in_array($Team['TmTeamID'],$AssignedTeams))

          @php
          $tc++;
          @endphp
          <tr>
            <td>{{$tc}}</td>
            <td>{{$Team['TeamName']}}</td>
          </tr>
          @endif
          @endforeach


          @else
          <tr>
            <td><center>Teams Not Assigned</center></td>
          </tr>
          @endif
        </table>

      </div>
    </div>
  </div>

</div>