@extends('layouts.mypage')

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

@section('content')
    <style>
        .table > thead > tr > th {
            vertical-align: middle;
        }
        .isDisabled {
       
      color:#000000;
      cursor: not-allowed;
      pointer-events: none;           
  }
    </style>

    <div class="panel mt5">
        <div class="panel-body pn">
            <div class="bs-component">

                <table class="table table-bordered table-hover" style="word-wrap:break-word;word-break:break-all;">
                    <thead>
                    <tr>
                        <th class="text-center">Name</th>
                        <th class="text-center">Gender</th>
                        <th class="text-center">Birth</th>
                        <th class="text-center">H/F</th>
                        <th class="text-center">Location</th>
                        <th class="text-center">School name</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($students as $student)
                        <tr data-id="{{ $student->user_id }}">
                            <td><a href="/mypage/student/{{ $student->user_id }}">{{ $student->user->firstname }} {{ $student->user->lastname }}</a></td>
                            <td class="text-center">{{ $student->user->sex }}</td>
                            <td class="text-center">{{ $student->user->birth != '0000-00-00' ? date('m-d-Y', strtotime($student->user->birth)) : '' }} </td>
                            <td class="text-center"><a class="isDisabled" href="/mypage/host/{{ $student->host_id }}">{{ $student->host ? $student->host->user->firstname : '' }} {{ $student->host ? $student->host->user->lastname : '' }}</a></td>
                            <td class="text-center">
                                {{ $student->Street }} {{ $student->inputCity }} {{ $student->inputState }}
                            </td>
                            <td class="text-center">{{ $student->school ? $student->school->school_name : '' }}</td>
                        </tr>
                    @endforeach

                    @if (count($students) <= 0)
                        <tr>
                            <td colspan="10" class="text-center">No children are connected.</td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection