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



{% block body %}


      <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/user4-128x128.jpg '%}" alt="Card image cap" height="300">
                              <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">
                                    <h3>Personal Infomation</h3>
                                    <div class="col-md-6">
                                      <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Surame</label>
                                        <input
                                          type="text"
                                          disabled
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="John"
                                        />
                                      </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Other Names</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="Doe"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">State Of Origin</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="FCT"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Place Of Birth</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="Wuse"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Nationality</label>
                                          <input
                                          type="email"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="Nigeria"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Date Of Birth</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="20/10/2020"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Residential Address</label>
                                          <textarea
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="user@email.com"
                                          disabled
                                          > Wuse zone 1</textarea>
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Permanent Address</label>
                                          <textarea
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="username"
                                          disabled
                                          > Wuse Zone 5</textarea>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">State Fa</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="FCT"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Present Club</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="FCT Queens"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-4">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Club Division</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="Champonship"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Jersey Number</label>
                                          <input
                                          type="email"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="17"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Position</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="Defender"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                    </div>
                                    <h3>Career History & Contract Details</h3>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Employer</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="FCT Queens"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Last Club</label>
                                               <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="FCT Queens"
                                          disabled
                                          />
                                          </div>
                                    
                                        </div>  
                                    </div>
                                    
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Contract Period</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="3 Years"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Contract Expiry Date</label>
                                               <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="20/10/2025"
                                          disabled
                                          />
                                          </div>
                                    
                                        </div>  
                                    </div>
                                    <div class="row">
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                          <label for="exampleInputEmail1" class="form-label">Date Lefte Last Club</label>
                                          <input
                                          type="text"
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="11/02/2025"
                                          disabled
                                          />
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Reason for Leaving</label>
                                               <textarea
                                         
                                          class="form-control"
                                          id="exampleInputEmail1"
                                          aria-describedby="emailHelp"
                                          value="for Better"
                                          disabled>
                                          for Better
                                        </textarea>
                                          </div>
                                    
                                        </div>  
                                    </div>
                                    

                                    
                                    <div class="row">
                                      <h3 class="ml-3">Required Document</h3>
                                      <div class="col-md-3">
                                          <label for="exampleInputEmail1" class="form-label">Passport Photo</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                      <div class="col-md-3">
                                          <label for="exampleInputEmail1" class="form-label">Player Signature</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                      <div class="col-md-3">
                                          <label for="exampleInputEmail1" class="form-label">Club Stamp</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                      <div class="col-md-3">
                                          <label for="exampleInputEmail1" class="form-label">Againt Signature</label>
                                           <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                       
                                    </div>
                                    <div class="row">
                                
                                      <div class="col-md-4">
                                          <label for="exampleInputEmail1" class="form-label">Contract </label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                      <div class="col-md-4">
                                          <label for="exampleInputEmail1" class="form-label">Medical</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                      <div class="col-md-4">
                                          <label for="exampleInputEmail1" class="form-label">Passport photograph</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                    
                                    </div>
                                       <div class="row">
                                
                       
                                      <div class="col-md-4">
                                        <input type="checkbox"> : If the player is minor
                                  
                                      </div>
                                      <div class="col-md-6">
                                        
                                          <label for="exampleInputEmail1" class="form-label">upload parental consent</label>
                                         <a href="" class="btn btn-secondary form-control" >Download</a>
                                      </div>
                                    
                                    </div>
                                    <!--end::Body-->
                                    <!--begin::Footer-->
                                      <div class="card-footer">
                                        <div class="row">
                                          <!-- <div class="col-md-6 ">
                                            <button type="submit" class="btn btn-primary ">Submit</button>
                                          </div> -->
                                          <div class="col-md-3 offset-9 ">
                                            <a href="./edit_single_player.html" 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>
   {% endblock body %}