@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading"><strong>Academic Calendar</strong></div>
      <div class="panel-body">
        <div class="table-responsive">
          <table class="table table-condensed table-bordered text-uppercase">
            <thead style="background-color: #9ea4cf;">
              <tr>
                <td colspan="3">
                  NAME : <strong> {{ $studentDetails->student_name }} </strong>
                </td>
                <td colspan="2">
                  ID : <strong> {{ $studentDetails->system_generated_student_id }} </strong>
                </td>
              </tr>
              <tr>
                <td>ROLL : <strong>{{ $studentDetails->roll_no }}</strong></td>
                <td>CLASS : <strong>{{ $studentDetails->ClassName }}</strong></td>
                <td>SECTION : <strong>{{ $studentDetails->SectionName }}</strong></td>
                <td colspan="2">GROUP : <strong>{{ $studentDetails->GroupName }}</strong></td>
              </tr>
            </thead>
          </table>

          <table class="table table-striped table-bordered table-condensed table-hover" id="myTable">
            <tr>
              <td>
                @if ($calendarDetails)
                  <embed src="{{ asset($calendarDetails) }}" width="100%" height="100%">
                @endif
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection