@extends('admin.layouts.app')
@section('title', 'Student Profile')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.students.index') }}">Students</a></li>
    <li class="breadcrumb-item active">{{ $student->student_name }}</li>
@endsection
@section('content')
    <div class="page-header">
        <div class="d-flex align-items-center gap-3">
            <div
                style="width:56px;height:56px;border-radius:14px;background:#dbeafe;color:#1d4ed8;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center">
                {{ strtoupper(substr($student->student_name, 0, 2)) }}
            </div>
            <div>
                <h1 class="page-title mb-0">{{ $student->student_name }}</h1>
                <p class="page-subtitle mb-0">{{ $student->student_code }} | {{ $student->class?->name }} — Sem
                    {{ $student->current_semester }}</p>
            </div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.students.edit', $student->id) }}" class="btn btn-outline-primary btn-sm">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
            <button class="btn btn-outline-success btn-sm" data-bs-toggle="modal" data-bs-target="#promoteModal">
                <i class="bi bi-arrow-up-circle me-1"></i>Promote
            </button>
        </div>
    </div>

    <div class="row g-3">
        <!-- PERSONAL INFO -->
        <div class="col-lg-8">
            <div class="card mb-3">
                <div class="card-header">Personal Information</div>
                <div class="card-body">
                    <div class="row g-3">
                        @foreach ([['Date of Birth', $student->date_of_birth?->format('d M Y')], ['Gender', ucfirst($student->gender ?? '—')], ['Religion', $student->religion ?? '—'], ['Community', $student->community], ['Aadhar No.', $student->aadhar_no ?? '—'], ['Mobile', $student->mobile_no ?? '—'], ['WhatsApp', $student->whatsapp_no ?? '—'], ['Roll No.', $student->roll_no ?? 'Not assigned'], ['Admission Date', $student->admission_date?->format('d M Y') ?? '—'], ['Academic Year', $student->academic_year], ['Annual Income', $student->annual_family_income ? '₹' . number_format($student->annual_family_income) : '—'], ['Address', $student->address ? $student->address . ', ' . $student->district . ' - ' . $student->pin : '—']] as [$label, $value])
                            <div class="col-md-6">
                                <div style="font-size:0.73rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em">
                                    {{ $label }}</div>
                                <div style="font-size:0.9rem;font-weight:500;color:#1e293b;margin-top:2px">
                                    {{ $value }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Family Details</div>
                <div class="card-body">
                    <div class="row g-3">
                        @foreach ([["Father's Name", $student->father_name ?? '—'], ["Father's Mobile", $student->father_mobile ?? '—'], ["Mother's Name", $student->mother_name ?? '—'], ["Mother's Mobile", $student->mother_mobile ?? '—'], ['Guardian', $student->guardian_name ?? '—'], ['Guardian Email', $student->guardian_email ?? '—']] as [$label, $value])
                            <div class="col-md-6">
                                <div style="font-size:0.73rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em">
                                    {{ $label }}</div>
                                <div style="font-size:0.9rem;font-weight:500;color:#1e293b;margin-top:2px">
                                    {{ $value }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

            <!-- ATTENDANCE -->
            <div class="card">
                <div class="card-header">Attendance Summary</div>
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead>
                            <tr>
                                <th>Subject</th>
                                <th>Category</th>
                                <th>Total</th>
                                <th>Present</th>
                                <th>Absent</th>
                                <th>%</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($attendance as $row)
                                <tr>
                                    <td style="font-size:0.86rem">{{ $row->subject_name }}</td>
                                    <td><span class="badge badge-soft-info"
                                            style="font-size:0.7rem">{{ $row->category }}</span></td>
                                    <td>{{ $row->total }}</td>
                                    <td style="color:#16a34a;font-weight:500">{{ $row->attended }}</td>
                                    <td style="color:#dc2626">{{ $row->absent }}</td>
                                    <td>
                                        <span
                                            style="font-weight:600;color:{{ $row->pct >= 75 ? '#16a34a' : '#dc2626' }}">{{ $row->pct }}%</span>
                                        @if ($row->pct < 75)
                                            <i class="bi bi-exclamation-triangle-fill text-danger ms-1"
                                                style="font-size:0.75rem"></i>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center py-3 text-muted">No attendance records</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- SIDEBAR -->
        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-header">Status</div>
                <div class="card-body">
                    <span class="badge badge-soft-{{ $student->status === 'active' ? 'success' : 'danger' }} px-3 py-2"
                        style="font-size:0.88rem">
                        {{ ucfirst($student->status) }}
                    </span>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span>Fee Payments</span>
                    <a href="{{ route('admin.accounting.payments') }}?student_id={{ $student->id }}"
                        class="btn btn-sm btn-outline-primary">View All</a>
                </div>
                <div class="card-body p-0">
                    @forelse($student->payments->take(5) as $p)
                        <div class="d-flex justify-content-between p-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                            <div style="font-size:0.83rem">{{ $p->feeGroup?->name ?? 'Payment' }}<br><span
                                    style="font-size:0.73rem;color:#64748b">{{ $p->payment_date->format('d M Y') }}</span>
                            </div>
                            <div class="text-end">
                                <div style="font-weight:600">₹{{ number_format($p->net_amount) }}</div>
                                <span
                                    class="badge badge-soft-{{ $p->status === 'paid' ? 'success' : 'danger' }}">{{ ucfirst($p->status) }}</span>
                            </div>
                        </div>
                    @empty
                        <div class="text-center py-3 text-muted" style="font-size:0.83rem">No payments</div>
                    @endforelse
                </div>
            </div>

            @if ($student->application)
                <div class="card">
                    <div class="card-header">Application</div>
                    <div class="card-body">
                        <a href="{{ route('admin.applications.show', $student->application->id) }}"
                            class="btn btn-sm btn-outline-info w-100">
                            <i class="bi bi-file-earmark-person me-1"></i>View Application
                        </a>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- PROMOTE MODAL -->
    <div class="modal fade" id="promoteModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius:14px;border:none">
                <div class="modal-header">
                    <h5 class="modal-title fw-600">Promote Student</h5><button type="button" class="btn-close"
                        data-bs-dismiss="modal"></button>
                </div>
                <form method="POST" action="{{ route('admin.students.promote', $student->id) }}">
                    @csrf
                    <div class="modal-body">
                        <div class="alert alert-info py-2 px-3" style="font-size:0.83rem">
                            Currently: <strong>{{ $student->class?->name }}</strong>, Semester
                            <strong>{{ $student->current_semester }}</strong>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Promote to Semester</label>
                            <input type="number" name="to_semester" class="form-control"
                                value="{{ $student->current_semester + 1 }}" min="1" max="12" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Class (if changing)</label>
                            <select name="to_class_id" class="form-select" required>
                                <option value="{{ $student->class_id }}" selected>{{ $student->class?->name }} (same)
                                </option>
                            </select>
                        </div>
                        <div class="mb-1">
                            <label class="form-label">Remarks</label>
                            <input type="text" name="remarks" class="form-control" placeholder="Optional">
                        </div>
                    </div>
                    <div class="modal-footer"><button type="button" class="btn btn-light"
                            data-bs-dismiss="modal">Cancel</button><button type="submit"
                            class="btn btn-success">Promote</button></div>
                </form>
            </div>
        </div>
    </div>
@endsection