<!doctype html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  
  <title>Library card</title>
 

</head>
<body>
  <!--start wrapper-->
  <div class="container">


    <div class="row">
      <div class="col-xl-12 col-md-12">
              <!-- For validation comment on -->
              <div class="col-md-12 col-sm-12">
                <div class="card">
                  <div class="card-body" style="height: 500px;">
                    <div class="g-3 row">
                      <div class="col-md-6">
                        <h5 class="mb-0">Card No.:{{$card_no}} </h5>
                        <img src="@if(isset($profile_pic)){{getTempUrl($profile_pic)}}@endif" width="150" height="150" class="mt-2">
                        
                        <p>
                          {!! $borcode !!}
                        </p>
                      </div>
                      <div class="col-md-6">
                      
                      {{$firstname}} {{$lastname}}
                        
                        <br>
                        CBSE Affiliated Senior Secondary Co-Educational School
                        <br>
                        <b>
                          L I B R A R Y C A R D
                        </b>
                        <br>
                        
                        {{$admission_no}}
                        Class
                        -
                        {{$class_name}}
                        -
                        {{$academics_section_id}}
                        <br>
                        Date of Issue : {{$date_of_issue}}
                        <br>
                        Valid upto : {{$valid_upto}}
                      </div>
                      <div class="col-md-12">
                        <table class="table" width="100%">
                          <thead>
                            <tr>
                              <th>SL.No</th>
                              <th>BookCode</th>
                              <th>Book Name</th>
                              <th>Issue Date</th>
                              <th>Due Date</th>
                              <th>Return Date</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

      </div>
    </div>

  </div>

</body>

</html>