{% extends 'main.html' %}
{% load static %}




{% block body %}
  


      <!--end::Sidebar-->
      <!--begin::App Main-->
      <main class="app-main">
        <!--begin::App Content Header-->
        <div class="app-content-header">
          <!--begin::Container-->
          <div class="container-fluid">
            <!--begin::Row-->
            <div class="row">
              <div class="col-sm-6"><h3 class="mb-0">Approved Clubs</h3></div>
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-end">
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Official</li>
                </ol>
              </div>
            </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content Header-->
        <!--begin::App Content-->
        <div class="app-content">
          <!--begin::Container-->
          <div class="container-fluid">
            
           
              <div class="row">
                  <div class="col-md-3">
                      <div class="card">
                          <img class="card-img-top" src="{% static 'assets/img/logo-1.jpeg' %}" alt="Card image cap" height="200">
                          <div class="card-body">
                            <h5 class="card-title">Status: Approved</h5>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Official: 8</li>
                            
                          </ul>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Players: 23</li>
                            
                          </ul>
                          <!-- <div class="card-footer">
                            <div class="d-grid gap-2">
                                <a href="./players.html" class="btn btn-primary btn-lg">View</a>
                            </div>
                            
                          </div> -->
                        </div>
                  </div>
                  <div class="col-md-3">
                      <div class="card">
                          <img class="card-img-top" src="{% static 'assets/img/logo-2.jpg' %}" alt="Card image cap" height="200">
                       <div class="card-body">
                            <h5 class="card-title">Status: Approved</h5>
                          </div>
                            <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Official: 8</li>
                            
                          </ul>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Players: 23</li>
                            
                          </ul>
                       
                        </div>
                  </div>
                  <div class="col-md-3">
                      <div class="card">
                          <img class="card-img-top" src="{% static 'assets/img/logo-3.jpg' %}" alt="Card image cap" height="200">
                        <div class="card-body">
                            <h5 class="card-title">Status: Approved</h5>
                          </div>
                            <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Official: 8</li>
                            
                          </ul>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Players: 23</li>
                            
                          </ul>
                       
                        </div>
                  </div>
                  <div class="col-md-3">
                      <div class="card">
                          <img class="card-img-top" src="{% static 'assets/img/logo-1.jpeg' %}" alt="Card image cap" height="200">
                          <div class="card-body">
                            <h5 class="card-title">Status: Approved</h5>
                          </div>
                                              <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Official: 8</li>
                            
                          </ul>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item">Registed Players: 23</li>
                            
                          </ul>
                       
                        </div>
                  </div>
              </div>

          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content-->
      </main>


      
      <!--end::App Main-->
      <!--begin::Footer-->
      

{% endblock body %}