<section class="main-bg enter-teams d-flex align-items-center">
    <div class="container text-center mt-3 waiting-container">
      <div class="waiting-page d-flex justify-content-between ">
        <div class="player blue">
            <div class="player-name-div relative">{{ $team->blue_name }}</div>
            <div class="btn-style">
              <button class="btn main-btn btn-secondary fw-bold p-2 blue-team-status">Not Ready</button>
            </div>
        </div>
        <div class="vs">
          <img src="{{ asset('assets/images/img/vs.png') }}">
        </div>
        <div class="player red relative">
            <div class="player-name-div">{{ $team->red_name }}</div>
            <div class="btn-style">
              <button class="btn main-btn btn-secondary fw-bold p-2 red-team-status">Not Ready</button>
            </div>
        </div>
      </div>
    </div>
</section>
