@extends ('Layouts.Application')

@section ('MainContent')

<style>
.top-info img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 120px;
  height: 120px;
}
.title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.institute {
  width: 400px;
}
.nameOfTraning {
  width: 350px;
}
.border {
  padding: 5px;
  font-size: 11px;
}
@media print{
  .top-info img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 120px;
    height: 120px;
  }
  .title {
    width: 460px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }
  .institute {
    width: 340px;
  }
  .nameOfTraning {
    width: 250px;
  }
  .border {
    padding: 5px;
    font-size: 11px;
  }
}
</style>

@if (4 == $userRoleId)
  <button  class="btn btn-info pull-right" onclick="jQuery.print('#print')">
    Print <span class="fa fa-print"></span>
  </button>
@endif

<div id="print">
  @foreach ($allTeacherDetails as $profile)
    <div class="container">
      <table style="font-size: 11px;">
        <tr>
          <td>
            <table class="top-info" border="0" width="100%">
              <tr>
                <td></td>
                <td class="title"><h1> Teacher's Information Form</h1></td>
                <td></td>
              </tr>
            </table>
            <table class="table">
              <tr class="border">
                <td style="width: 500px;">Teachers Name</td>
                <td style="width: 100px;">:</td>
                <td style="width: 300px;">{{ $profile->full_name }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 500px;">Designation</td>
                <td style="width: 100px;">:</td>
                <td style="width: 300px;">{{ $profile->designation_name }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Mobile No</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->phone_no }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Email</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->email }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Joining Date</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->joining_date }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">NID No</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->nid_no }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Dath of Birth</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->date_of_birth }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Gender</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->gender }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">Religion</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;">{{ $profile->relegion }}</td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">JSC Subject Code (if any)</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;"></td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 200px;">SSC Subject Code (if any)</td>
                <td style="width: 100px;">:</td>
                <td style="width: 800px;"></td>
                <td></td>
              </tr>
              <tr class="border">
                <td style="width: 900px;" colspan="2">Sonali Bank Online Account No (if any)</td>
                <td style="width: 100px;">:______________________________</td>
                <td></td>
              </tr>
              <tr style="padding: 5px; font-size: 11px;">
                <td style="width: 500px;" colspan="2">Sonali Bank Branch (if any)</td>
                <td style="width: 100px;">:_____________________________</td>
                <td style="width: 400px;"></td>
              </tr>
              <tr style="padding: 5px; font-size: 11px;">
                <td style="width: 600px;" colspan="3">Master Trainer on Creative Question System (12 days)</td>
                <td style="width: 400px;">Yes / No</td>
              </tr>
              <tr style="padding: 5px; font-size: 11px;">
                <td style="width: 400px;" colspan="3">Field Level Trainig On Creative Question (3days)</td>
                <td style="width: 200px;text-align:left">Yes / No</td>
              </tr>
              <tr style="padding: 5px; font-size: 11px;">
                <td style="width: 400px;" colspan="3">Teacher Quality Improvement Trainig</td>
                <td style="width: 200px; text-align:left">Yes / No</td>
              </tr>
            </table>

            <table class="table table-bordered">
              <tr>
                <th>Name Of Exam</th>
                <th>Year</th>
                <th>Department/Subject</th>
                <th>Grade/Division</th>
                <th>Board/University</th>
              </tr>
              @foreach ($profile->academic_informations as $info)
                <tr>
                  <td>{{ $info->ac_exam_name }}</td>
                  <td>{{ $info->ac_year }}</td>
                  <td>{{ $info->ac_department }}</td>
                  <td>{{ $info->ac_grade }}</td>
                  <td>{{ $info->ac_board }}</td>
                </tr>
              @endforeach
            </table>

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

  @endsection