@extends('layouts.admin.layout')
@section('content')
<div style="display: flex;flex-wrap: wrap;width: 32%;margin-top: 30px;margin-left: 10px;">
<div style="border: 2px solid #fff;padding: 20px;border-radius:15px;background: url('/images/id-card-bg.png');background-size: cover;width: 100%;">
  <table style="width: 88%;margin-left: auto;">
    <tbody>
      <tr>
        <td><label style="font-weight: 700;font-size: 15px;color: #166534;">Year : 2022 - 2023</label></td>
        <td style="text-align: right;"><label style="font-weight: 700;font-size: 15px;color: #166534;">Cell : 98765 43210, 98765 43210</label></td>
      </tr>
    </tbody>
  </table>
  <div style="margin-top: 10px;width: 88%;margin-left: auto;">
     <h3 style="margin-bottom: unset;text-stroke-width:0.5px;text-stroke-color:#fff;font-size: 25px;color: #be123c;font-weight:800;text-align: center;">DEVASAKAYAM</h3>
     <h6 style="font-weight: 700;font-size: 15px;color: #166534;text-align: center;margin-bottom: unset;">Matric.Hr.Sec.School, Pasumalai, Madurai-625004</h6>
  </div>
<table style="width: 100%;">
  <tbody>
    <tr>
        <td style="padding: 5px;">
 <div>
  <div style="padding: 15px 0;border-radius:15px;max-width: 34rem;">
    <table style="margin-top: 20px;width: 100%;">
      <tbody>
        <tr>
          <td style="width: 77%;">
          <table>
            <tbody>
        <tr style="vertical-align: center;">
          <td style="padding: 5px 0;"><label style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Name :</label></td>
          <td style="padding: 5px 15px;"><p style="font-weight:700;margin:0;font-size:13px;color: #1e3a8a;text-transform: uppercase;"> RISHI AMUDHAN M.D</p></td>
        </tr>
        <tr style="vertical-align: center;">
          <table style="width: 75%;">
            <tbody>
          <tr>
          <td>
          <p style="padding: 5px 0;"><label style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Standard : IV</label></p>
          </td>
          <td>
          <p style="padding: 5px 0;"><label style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Class : 'A'</label></p>
          </td>
          </tr>
        </tbody>
        </table>
        </tr>
        <tr style="vertical-align: center;">
          <td style="padding: 5px 0;"><label style="font-weight: 700;font-size: 13px;color: #1e3a8a;">ID NO : 123</label></td>
        </tr>
        <tr style="vertical-align: center;">
          <td style="padding: 5px 0;"><label style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Blood Group :  B+VE</label></td>
        </tr>
      </tbody>
      </table>
      </td>
      <td style="width: 23%;text-align: right;">
        <img src="images/user.jpeg" style="width: 120px;height: 120px;border-radius: 5px;margin: auto;">
        <p style="margin: 0;text-align: right;font-weight: 600;padding-top: 10px;font-size: 12px;">Principal signature</p>
      </td>
    </tr>
      </tbody>
    </table>

    <div>
      <p style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Parent name :  Rohit Sharma</p>
      <p style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Address :  29, Thiruvalluvar Nagar, Madurai</p>
      <p style="font-weight: 700;font-size: 13px;color: #1e3a8a;">Phone : 98765 54321</p>
    </div>

  </div>
</div>


</td>
</tr>
</tbody>
</table>
</div>
</div>
@endsection
<style>
.page-break {
 page-break-after: always;
}
</style>