@extends('admin.layout.app')
@section('title', __('admin.teacher_details'))

@section('body')
<div class="card shadow-sm border-0 rounded-4">
    <div class="card-header bg-white border-0 py-3">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h4 class="fw-bold mb-1">{{ $teacher->name }}</h4>
                <div class="d-flex flex-wrap gap-2 mt-1">
                    <span class="badge bg-light text-dark border">{{ __('admin.id') }}: {{ $teacher->id }}</span>
                    <span class="badge bg-light text-dark border">{{ $teacher->email }}</span>
                    @if($teacher->department)
                        <span class="badge bg-light text-dark border">{{ $teacher->department }}</span>
                    @endif
                </div>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('teachers.edit', $teacher->id) }}" class="btn btn-primary rounded-pill">
                    <i class="fas fa-edit me-2"></i> {{ __('admin.edit') }}
                </a>
                <a href="{{ route('teachers.index') }}" class="btn btn-outline-secondary rounded-pill">
                    <i class="fas fa-arrow-left me-2"></i> {{ __('admin.back') }}
                </a>
            </div>
        </div>
    </div>

    <div class="card-body p-4">
        <div class="row g-4">
            {{-- Personal Info --}}
            <div class="col-md-6">
                <div class="card border-0 bg-light bg-opacity-50 p-3 rounded-4 h-100">
                    <h6 class="fw-semibold mb-3"><i class="fas fa-id-card me-2 text-primary"></i> {{ __('admin.personal_information') }}</h6>
                    <table class="table table-borderless table-sm">
                        <tr>
                            <td width="130" class="text-muted">{{ __('admin.full_name') }}</td>
                            <td class="fw-semibold">{{ $teacher->name }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.father_s_name') }}</td>
                            <td>{{ $teacher->father_name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.date_of_birth') }}</td>
                            <td>{{ $teacher->dob  }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.gender') }}</td>
                            <td>{{ $teacher->gender ? ucfirst($teacher->gender) : '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.tazkira_no') }}</td>
                            <td>{{ $teacher->tazkira_no ?? '—' }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            {{-- Contact Info --}}
            <div class="col-md-6">
                <div class="card border-0 bg-light bg-opacity-50 p-3 rounded-4 h-100">
                    <h6 class="fw-semibold mb-3"><i class="fas fa-address-book me-2 text-success"></i> {{ __('admin.contact_information') }}</h6>
                    <table class="table table-borderless table-sm">
                        <tr>
                            <td width="130" class="text-muted">{{ __('admin.email') }}</td>
                            <td><a href="mailto:{{ $teacher->email }}" class="text-decoration-none">{{ $teacher->email }}</a></td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.phone') }}</td>
                            <td>{{ $teacher->phone ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.country') }}</td>
                            <td>{{ $teacher->country ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.address') }}</td>
                            <td>{{ $teacher->address ?? '—' }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            {{-- Professional Info --}}
            <div class="col-md-6">
                <div class="card border-0 bg-light bg-opacity-50 p-3 rounded-4">
                    <h6 class="fw-semibold mb-3"><i class="fas fa-briefcase me-2 text-info"></i> {{ __('admin.professional_information') }}</h6>
                    <table class="table table-borderless table-sm">
                        <tr>
                            <td width="130" class="text-muted">{{ __('admin.department') }}</td>
                            <td>{{ $teacher->department ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.qualification') }}</td>
                            <td>{{ $teacher->qualification ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.specialization') }}</td>
                            <td>{{ $teacher->specialization ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.joining_date') }}</td>
                            <td>{{ $teacher->joining_date }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            {{-- Account Info --}}
            <div class="col-md-6">
                <div class="card border-0 bg-light bg-opacity-50 p-3 rounded-4">
                    <h6 class="fw-semibold mb-3"><i class="fas fa-money-check-alt me-2 text-success"></i> Employment & Payroll</h6>
                    <table class="table table-borderless table-sm">
                        <tr>
                            <td width="150" class="text-muted">Employee type</td>
                            <td>{{ $teacher->employee_type ? ucfirst($teacher->employee_type) : '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Employment type</td>
                            <td>{{ $teacher->employment_type ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Salary type</td>
                            <td>{{ $teacher->salary_type ? ucfirst($teacher->salary_type) : '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Rates</td>
                            <td>Monthly {{ number_format((float) $teacher->monthly_salary, 2) }} / Daily {{ number_format((float) $teacher->daily_rate, 2) }} / Hourly {{ number_format((float) $teacher->hourly_rate, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Bank/payment</td>
                            <td>{{ $teacher->bank_account ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Contract</td>
                            <td>{{ $teacher->contract_start_date ?: '—' }} - {{ $teacher->contract_end_date ?: '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Status</td>
                            <td><span class="badge bg-{{ ($teacher->employment_status ?? 'active') === 'active' ? 'success' : 'secondary' }}">{{ ucfirst(str_replace('_',' ', $teacher->employment_status ?? 'active')) }}</span></td>
                        </tr>
                        <tr>
                            <td class="text-muted">Notes</td>
                            <td>{{ $teacher->payroll_notes ?? '—' }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card border-0 bg-light bg-opacity-50 p-3 rounded-4">
                    <h6 class="fw-semibold mb-3"><i class="fas fa-cog me-2 text-secondary"></i> {{ __('admin.account_information') }}</h6>
                    <table class="table table-borderless table-sm">
                        <tr>
                            <td width="130" class="text-muted">{{ __('admin.created_at') }}</td>
                            <td>{{ $teacher->created_at?->format('Y-m-d H:i') }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.updated_at') }}</td>
                            <td>{{ $teacher->updated_at?->format('Y-m-d H:i') }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">{{ __('admin.status') }}</td>
                            <td><span class="badge bg-success">{{ __('admin.active') }}</span></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection