@extends('layouts.panel')

@section('title', $title)

@push('css')
@endpush

@section('breadcrumb')
<x-admin.breadcrumb />
@endsection

@section('content')
<x-admin.panel-card>
    @slot('title')
        <div class="card-title border-bottom">
            <h5>@lang('Student Details')</h5>
        </div>
    @endslot
    <div class="row">
        <div class="col-md-4 text-center">
            <img src="{{ $student->image_url }}" alt="Photo" class="rounded-circle img-thumbnail" height="200" width="200" style="width:200px;height:200px">
        </div>
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-6">
                    <strong class="small text-secondary">{{ __('Student ID') }}</strong>
                    <p class="text-dark">{{ $student->student_id }}</p>
                </div>
                <div class="col-md-12">
                    <strong class="small text-secondary">{{ __('Full Name') }}</strong>
                    <p class="text-dark">{{ $student->name }}</p>
                </div>
                <div class="col-md-12">
                    <strong class="small text-secondary">{{ __('Email') }}</strong>
                    <p class="text-dark">{{ $student->email }}</p>
                </div>
                <div class="col-md-6">
                    <strong class="small text-secondary">{{ __('Date of Birth') }}</strong>
                    <p class="text-dark">{{ formatDate($student->date_of_birth) }} ({{ getAge($student->date_of_birth ?? '') }} {{ __('years') }})</p>
                </div>
                <div class="col-md-12">
                    <strong class="small text-secondary">{{ __('Address') }}</strong>
                    <p class="text-dark">
                        <span class="d-block">{{ $student->address }}, {{ $student->city }}, {{ $student->state }},</span>
                    </p>
                </div>
                <div class="col-md-6">
                    <strong class="small text-secondary">{{ __('Admission Date') }}</strong>
                    <p class="text-dark">{{ formatDate($student->admission_date) }}</p>
                </div>
                <div class="col-md-12">
                    <strong class="small text-secondary">{{ __('Class') }}</strong>
                    <p class="text-dark">{{ $student->class }}</p>
                </div>
                <div class="col-md-12">
                    <strong class="small text-secondary">{{ __('Major') }}</strong>
                    <p class="text-dark">{{ $student->major }}</p>
                </div>
            </div>
        </div>
    </div>
</x-admin.panel-card>
@endsection

@push('js')
@endpush