@extends ('Layouts.Application')

@section ('MainContent')

<style>
.tblpadding , th, td {
  padding: 2px 15px 2px 15px;
}
</style>

<div class="container table-responsive">
  <table class="table table-bordered table-striped bg-secondary">
    <tr>
      <td>
        <table class="bg-info" border="0" width="100%">
          <tr>
            <td>
              <img src="{{ asset('rsrc/multimedia/spsc-logo.png') }}" alt="Logo" width="90px" height="70px">
            </td>
            <td style="text-align: center;">
              <span style="font-size: 30px; font-weight: bold;">{{ strtoupper(session('instituteDetails')->institute_name) }}</span><br>
              <span style="font-size: 20px; font-weight: bold;">{{ $teacherDetails->role_name }} Profile</span>
            </td>
            <td></td>
            <td></td>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <td>
              <h1>{{ $teacherDetails->full_name }}</h1>
              <table class="tblpadding">
                <tr>
                  <td>Joining Date:</td>
                  <td>{{ $teacherDetails->joining_date }}</td>
                </tr>
                <tr>
                  <td>Contact Number:</td>
                  <td>{{ $teacherDetails->phone_no }}</td>
                </tr>
                <tr>
                  <td>ID No:</td>
                  <td>{{ $teacherDetails->user_id }}</td>
                </tr>
              </table>
            </td>
            <td>
              @if ($teacherDetails->image && file_exists(public_path('img/TeacherImage/' . $teacherDetails->image)))
                <img class="pull-right" height="140px" width="140px" alt="Images"
                src="{{ asset('img/TeacherImage/' . $teacherDetails->image) }}">
              @else
                <img class="pull-right" height="140px" width="140px" alt="Images"
                src="{{ asset('img/avatar-default.png') }}">
              @endif
            </td>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <th colspan="4" style="background-color: #d9edf0; font-size: 20px; display: block;">
              Personal Information
            </th>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <td>Father's Name: </td>
            <th></th>
            <td>Nationality:</td>
            <th>Bangladeshi</th>
          </tr>
          <tr>
            <td>Mother's Name:</td>
            <th></th>
            <td>National ID:</td>
            <td>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->nid_no }}</td>
          </tr>
          <tr>
            <td>Date Of Birth:</td>
            <th></th>
            <td></td>
            <th></th>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <th colspan="4" class="bg-secondary" style="background-color: #d9edf0; font-size: 20px; display: block;">
              Additioinal Information
            </th>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <td>Mobile Number: </td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->phone_no }} </th>
            <td>Designation:</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->designation }}</th>
          </tr>
          <tr>
            <td>Shift And Version</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->school_branch_name }}, {{ $teacherDetails->school_version_name }} </th>
            <td>Blood Group</td>
            <td>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->blood_group }}</td>
          </tr>
          <tr>
            <td>Username:</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->username }}</th>
            <td>Relegion</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->relegion }}</th>
          </tr>
          <tr>
            <td>Marital Status:</td>
            <th></th>
            <td></td>
            <th></th>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <th colspan="4" class="bg-secondary" style="background-color: #d9edf0; font-size: 20px; display: block;">
              Contact Information
            </th>
          </tr>
        </table>

        <table width="100%">
          <tr>
            <td>Phone: </td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->phone_no }}</th>
            <td>Email:</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->email }}</th>
          </tr>
          <tr>
            <td>Address:</td>
            <th>&nbsp;&nbsp;&nbsp;{{ $teacherDetails->address }}</th>
          </tr>
        </table>

        <br>

        <footer style="font-size: 8px;">
          Powered By : Edu Plus <img style="height: 10px; width: 10px;" src="{{ asset('rsrc/multimedia/eduplusfooter.png') }}">
        </footer>
      </td>
    </tr>
  </table>
</div>

@endsection