{% 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">Single Player</h3></div>
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-end">
                  <li class="breadcrumb-item"><a href="#">Clube</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Player</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-2.jpg' %}" alt="Card image cap" height="200">
                              <div class="card-body">
                                <h5 class="card-title">Name: FCT Queens</h5>
                              </div>
                              <div class="card-footer">
                                <div class="row">
                                  <div class="col-md-6 d-grid gap-2">   <a href="#" class="btn btn-success btn-lg">Approv</a></div>
                                  <div class="col-md-6 d-grid gap-2">   <a href="#" class="btn btn-danger btn-lg">Reject</a></div>
                                </div>
                              </div>
                            </div>
                          </div> 
                      
                          <div class="col-md-8 offset-1">
                            <div class="card">
                              <div class="card-body">
                                <form>
                                  <!--begin::Body-->
                                  <div class="row">
                                    <div class="col-md-6">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Name of Club</label>
                                        <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="👤"
                                          
                                        />
                                      </div>
                                    </div>
                                    <div class="col-md-6">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Division </label>
                                        <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="👤"
                                          
                                        />
                                      </div>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-md-6">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Club Contact Person </label>
                                        <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="👤"
                                          
                                        />
                                      </div>
                                    </div>
                                    <div class="col-md-6">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Telephone No </label>
                                        <input
                                        type="text"
                                        class="form-control"
                                        id="exampleInputEmail1"
                                        aria-describedby="emailHelp"
                                        placeholder="👤"
                                        
                                        />
                                      </div>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-md-4">
                                      <label for="exampleInputEmail1" class="form-label">STATE FA AFFILIATION </label>
                                      <select name="state" id="state" class="form-control">
                                        <option value="" selected="selected">- Select -</option>
                                        <option value="Abuja FCT">Abuja FCT</option>
                                        <option value="Abia">Abia</option>
                                        <option value="Adamawa">Adamawa</option>
                                        <option value="Akwa Ibom">Akwa Ibom</option>
                                        <option value="Anambra">Anambra</option>
                                        <option value="Bauchi">Bauchi</option>
                                        <option value="Bayelsa">Bayelsa</option>
                                        <option value="Benue">Benue</option>
                                        <option value="Borno">Borno</option>
                                        <option value="Cross River">Cross River</option>
                                        <option value="Delta">Delta</option>
                                        <option value="Ebonyi">Ebonyi</option>
                                        <option value="Edo">Edo</option>
                                        <option value="Ekiti">Ekiti</option>
                                        <option value="Enugu">Enugu</option>
                                        <option value="Gombe">Gombe</option>
                                        <option value="Imo">Imo</option>
                                        <option value="Jigawa">Jigawa</option>
                                        <option value="Kaduna">Kaduna</option>
                                        <option value="Kano">Kano</option>
                                        <option value="Katsina">Katsina</option>
                                        <option value="Kebbi">Kebbi</option>
                                        <option value="Kogi">Kogi</option>
                                        <option value="Kwara">Kwara</option>
                                        <option value="Lagos">Lagos</option>
                                        <option value="Nassarawa">Nassarawa</option>
                                        <option value="Niger">Niger</option>
                                        <option value="Ogun">Ogun</option>
                                        <option value="Ondo">Ondo</option>
                                        <option value="Osun">Osun</option>
                                        <option value="Oyo">Oyo</option>
                                        <option value="Plateau">Plateau</option>
                                        <option value="Rivers">Rivers</option>
                                        <option value="Sokoto">Sokoto</option>
                                        <option value="Taraba">Taraba</option>
                                        <option value="Yobe">Yobe</option>
                                        <option value="Zamfara">Zamfara</option>
                                      </select>
                                    </div>
                                    <div class="col-md-4">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Club Foundation Date </label>
                                        <input
                                          type="date"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="👤"
                                          
                                        />
                                      </div>
                                    </div>
                                    <div class="col-md-4">
                                      <label for="exampleInputEmail1" class="form-label">State Football Association </label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="State Football Association "
                                          
                                        />
                                    </div>
                                  </div>
                                  <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Club Email Address</label>
                                          <input
                                          type="email"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="user@email.com"
                                          
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Home Match Venue</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="Home Match Venue"
                                          
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <label for="exampleInputEmail1" class="form-label">First Choice Jersey Colour: </label>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label">Shirt</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="Colour"
                                          
                                          />
                                      </div>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label">Short</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="Colour"
                                          
                                          />
                                      </div>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label"> Hose</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="Colour"
                                          
                                          />
                                      </div>
                                    </div>
                                    <div class="row">
                                      <label for="exampleInputEmail1" class="form-label mt-3">Second Choice Jersey Colour: </label>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label">Shirt</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="colour"
                                          
                                          />
                                      </div>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label">Short</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="colour"
                                          
                                          />
                                      </div>
                                      <div class="col-md-4">
                                              <label for="exampleInputEmail1" class="form-label"> Hose</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="colour"
                                          
                                          />
                                      </div>
                                    </div>

                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">username</label>
                                          <input
                                          type="password"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="username"
                                          
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Pasword</label>
                                          <input
                                          type="password"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          placeholder="**************"
                                          
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">RECEIPT OF PAYMENT OF REG. </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                           <div class="btn btn-primary">Upload</div>
                                          </div>
                                        </div>
                                      </div>  
                                    
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">CAC </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                            <div class="btn btn-primary">Upload</div>
                                          </div>
                                          </div>
                                        </div>  
                                     
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">AUDITED ANNUAL FINANCIAL STATEMENT </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                            <div class="btn btn-primary">Upload</div>
                                          </div>
                                          </div>
                                        </div>  
                                      
                                    </div>
                                    <div class="row">
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">COMPREHENSIVE INSURANCE </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                           <div class="btn btn-primary">Upload</div>
                                          </div>
                                        </div>
                                      </div>  
                                    
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">CLUB LOGO </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                            <div class="btn btn-primary">Upload</div>
                                          </div>
                                          </div>
                                        </div>  
                                     
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">STATE FA AFFILIATION </label>
                                          <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile02" />
                                            <div class="btn btn-primary">Upload</div>
                                          </div>
                                          </div>
                                        </div>  
                                      
                                    </div>
                                    
                                    <!--end::Body-->
                                    <!--begin::Footer-->
                                      <div class="card-footer">
                                        <div class="row">
                                          <div class="col-md-2">
                                            
                                            <button type="submit" class="btn btn-primary">Delete</button>
                                          </div>
                                          <div class="col-md-3 offset-7 ">
                                            <a href="" type="submit" class="btn btn-warning">Edit</a>
                                            <button type="submit" class="btn btn-danger">Delete</button>
                                          </div>
                                        </div>
                                          
                                      </div>
                                    <!--end::Footer-->
                                  </div>
                                </form>
                              </div>
                            </div>
                          </div>
                        </div>
                </div>
              </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content-->
      </main>
      <!--end::App Main-->
      <!--begin::Footer-->
      

{% endblock body %}