@extends('layouts.mypage')

@section('page-header')
<h1 class="page-header">My Application </h1>
@endsection
<style>

.table > thead > tr > th {
	vertical-align: middle;
}


/* Student list table Style 2018.1.18.from lauren*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
  table.my_application_table thead th:nth-of-type(3),
    table.my_application_table tbody td:nth-of-type(3){
        display:none;
    }
    table.my_application_table thead th:nth-of-type(4),
    table.my_application_table tbody td:nth-of-type(4){
        display:none;
    }
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    table.my_application_table thead th:nth-of-type(3),
    table.my_application_table tbody td:nth-of-type(3){
        display:none;
    }
    table.my_application_table thead th:nth-of-type(4),
    table.my_application_table tbody td:nth-of-type(4){
        display:none;
    }
   
    
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100%;
    }
    table.my_application_table thead th:nth-of-type(3),
    table.my_application_table tbody td:nth-of-type(3){
        display:none;
    }
    table.my_application_table thead th:nth-of-type(4),
    table.my_application_table tbody td:nth-of-type(4){
        display:none;
    }
   
}


/* my application table Style 2018.3.27.from lauren
   모바일에서 step, Title만 나오도록 */
</style>

@section('content')
<div class="panel" id="spy3">
  <div class="panel-body pn">
    <div class="bs-component">
      <table class="table table-hover my_application_table">
        <thead>
          <tr>
            <th>Step</th>
            <th>Title</th>
            <th>Completed</th>
            <th>Update Date</th>
          </tr>
        </thead>
        <tbody>
		@for ($i=0,$cnt=count($applications);$cnt>$i;$i++)
          <tr>
            <td>{{ $i+1 }}</td>
            <td><a class="text-primary" href="/mypage/application/{{ $applications[$i]->id }}">{{ $applications[$i]->title }}</a></td>
            <td>{{ $applications[$i]->completed }}</td>
            <td>{{ $applications[$i]->completed_at }}</td>
          </tr>
		@endfor

		@if($auth->grade_id == 2)
		@if($auth->student->status == 'p/c')
          <tr>
            <td>{{ ++$i }}</td>
            <td><a class="text-primary" href="/mypage/pc">Placement Confirmation</a></td>
            <td>{{ $pc->completed }}</td>
            <td>{{ $pc->completed_at }}</td>
          </tr>
		@endif
		@if($auth->student->status == 'flight')
          <tr>
            <td>{{ ++$i }}</td>
            <td><a class="text-primary" href="/mypage/flight">Flight Information</a></td>
            <td>{{ $flight->completed }}</td>
            <td>{{ $flight->completed_at }}</td>
          </tr>
		@endif
		@endif

		@if($auth->reports->count() > 0)
        <!--  
        /****************************************************/
        /*2018.03.14 dorothy
        /*monthly report 탭 메뉴 생성으로 인해 student application step7 삭제요청
        /****************************************************/
        <tr>
            <td>{{ ++$i }}</td>
            <td><a class="text-primary" href="/mypage/report">Monthly report</a></td>
            <td> - </td>
            <td>{{ $auth->reports[0]->updated_at }}</td>
          </tr>-->
		@endif
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection