@extends('layouts.studentapp')
@section('title', 'Student Personal Information')
@include('admin.components.toster')
@include('admin.components.tosterjs')
@section('content')
    <div class="container">
        <div class="page-breadcrumb d-flex align-items-center mb-2 border-bottom pb-2">
            <div>
                <h6 class="m-0">Student Personal Information</h6>
            </div>
        </div>
        <div class="card">
            <div class="card-body">

                <h5>Basic Information <a href="{{ route('student.personal.information.edit') }}" class="btn btn-primary btn-sm float-end"><i class="bi bi-pencil"></i> Edit Information</a></h5>
                <div class="table-responsive">
                    <table id="" class="table table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>Father's Name</th>
                                <td>{{ $info->father }} </td>
                                <th>Father's Name (Bangla)</th>
                                <td>{{ $info->father_bn }}</td>
                                <th>Occupation</th>
                                <td>{{ $info->father_occupation }}</td>
                            </tr>
                            <tr>
                                <th>Father's NID</th>
                                <td>{{ $info->father_nid }} </td>

                                <th>Mobile</th>
                                <td>{{ $info->father_mobile }}</td>

                                <th>Income</th>
                                <td>{{ $info->father_annual_income }}</td>
                            </tr>
                            <tr>
                                <th>Mother's Name</th>
                                <td>{{ $info->mother }} </td>
                                <th>Mother's Name (Bangla)</th>
                                <td>{{ $info->mother_bn }}</td>
                                <th>Occupation</th>
                                <td>{{ $info->mother_occupation }}</td>
                            </tr>
                            <tr>
                                <th>Mother's NID</th>
                                <td>{{ $info->mother_nid }} </td>

                                <th>Mobile</th>
                                <td>{{ $info->mother_mobile }}</td>

                                <th>Annual Income</th>
                                <td>{{ $info->mother_annual_income }}</td>
                            </tr>



                        </tbody>

                    </table>
                </div>

                <h5>Guardian Information</h5>
                <div class="table-responsive">
                    <table id="" class="table table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>Guardian's Name</th>
                                <td>{{ $info->guardian }} </td>
                                <th>Guardian's Name (Bangla)</th>
                                <td>{{ $info->guardian_bn }}</td>
                                <th>Occupation</th>
                                <td>{{ $info->guardian_occupation }}</td>
                            </tr>
                            <tr>
                                <th>Guardian's NID</th>
                                <td>{{ $info->guardian_nid }} </td>

                                <th>Mobile</th>
                                <td>{{ $info->guardian_mobile }}</td>

                                <th>Relationship</th>
                                <td>{{ $info->guardian_relationship }}</td>
                            </tr>
                        </tbody>

                    </table>
                </div>
                <h5>Address</h5>
                <div class="table-responsive">
                    <table id="" class="table table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th colspan="6">Present Address</th>
                            </tr>
                            <tr>
                                <th>Country</th>
                                <td>{{ optional($info->country)->name }} </td>

                                <th>District</th>
                                <td>{{ optional($info->district)->name }} </td>

                                <th>Police Station</th>
                                <td>{{ $info->police_station }} </td>
                            </tr>
                            <tr>
                                <th>Post Office</th>
                                <td>{{ $info->post_office }} </td>
                                <th>Post Code</th>
                                <td>{{ $info->post_code }} </td>
                                <th>Address</th>
                                <td>{{ $info->address }} </td>
                            </tr>
                            <tr>
                                <th colspan="6">Permanent Address</th>
                            </tr>
                            <tr>
                                <th>Country</th>
                                <td>{{ optional($info->percountry)->name }} </td>

                                <th>District</th>
                                <td>{{ optional($info->perdistrict)->name }} </td>

                                <th>Police Station</th>
                                <td>{{ $info->per_police_station }} </td>
                            </tr>
                            <tr>
                                <th>Post Office</th>
                                <td>{{ $info->per_post_office }} </td>
                                <th>Post Code</th>
                                <td>{{ $info->per_post_code }} </td>
                                <th>Address</th>
                                <td>{{ $info->per_address }} </td>
                            </tr>


                        </tbody>

                    </table>
                </div>
                <h5>Photos</h5>
                <div class="table-responsive">
                    <table id="" class="table table-bordered text-center" style="width:100%">
                        <tbody>

                            <tr>
                                <td>
                                    @if ($info->father_avatar)
                                        <img src="{{ asset($info->father_avatar) }}" alt=""
                                            class="w-50">
                                    @endif
                                </td>
                                <td>
                                    @if ($info->mother_avatar)
                                        <img src="{{ asset($info->mother_avatar) }}" alt=""
                                            class="w-50">
                                    @endif
                                </td>
                                <td>
                                    @if ($info->guardian_avatar)
                                        <img src="{{ asset($info->guardian_avatar) }}" alt=""
                                            class="w-50">
                                    @endif
                                </td>

                            </tr>
                            <tr>
                                <td>Father's Photo</td>
                                <td>Mother's Photo</td>
                                <td>Guardian's Photo</td>
                            </tr>

                        </tbody>

                    </table>
                </div>
            </div>
        </div>


    </div>
@endsection