@extends('Admin.layout')

@section('content')


<div class="row align-items-center justify-content-between mb-3 mt-3">
    <div class="col-auto">
        <h5>
            <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('admin.student_management')  }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="icon icon-tabler">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a>
            </button>
         Student Details
        </h5>
    </div>
</div>


<div class="row">

    <!-- LEFT SIDE -->
    <div class="col-lg-4">

        <!-- Student Profile Card -->
        <div class="card mb-4">

            <div class="card-body text-center">

                <div class="mb-3">
                    <img src="https://i.pravatar.cc/150?img=12"
                        class="rounded-circle"
                        width="120"
                        height="120"
                        style="object-fit: cover;"
                        alt="Student">
                </div>

                <h4 class="mb-1">Arun Kumar</h4>

                <p class="text-muted mb-2">
                    Admission No: ADM001
                </p>

                <span class="badge bg-success">
                    Active
                </span>

            </div>

        </div>



        <!-- Attendance Summary -->
        <div class="card mb-4">

            <div class="card-header">
                <h5 class="mb-0">Attendance</h5>
            </div>

            <div class="card-body">

                <div class="d-flex justify-content-between mb-3">
                    <span class="text-muted">Total Days</span>
                    <strong>180</strong>
                </div>

                <div class="d-flex justify-content-between mb-3">
                    <span class="text-muted">Present</span>
                    <strong class="text-success">165</strong>
                </div>

                <div class="d-flex justify-content-between mb-3">
                    <span class="text-muted">Absent</span>
                    <strong class="text-danger">15</strong>
                </div>

                <div class="d-flex justify-content-between">
                    <span class="text-muted">Percentage</span>
                    <strong>91.67%</strong>
                </div>

            </div>

        </div>

    </div>


    <!-- RIGHT SIDE -->
    <div class="col-lg-8">

        <!-- Personal Information -->
        <div class="card mb-4">

            <div class="card-header">
                <h5 class="mb-0">Personal Information</h5>
            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Student Name
                        </label>

                        <div class="fw-medium">
                            Arun Kumar
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Admission Number
                        </label>

                        <div class="fw-medium">
                            ADM001
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Date of Birth
                        </label>

                        <div class="fw-medium">
                            15 June 2010
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Gender
                        </label>

                        <div class="fw-medium">
                            Male
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Blood Group
                        </label>

                        <div class="fw-medium">
                            B+
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Nationality
                        </label>

                        <div class="fw-medium">
                            Indian
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Phone No
                        </label>

                        <div class="fw-medium">
                            +91 9876543210
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Email
                        </label>

                        <div class="fw-medium">
                            arun@gmail.com
                        </div>
                    </div>

                </div>

            </div>

        </div>



        <!-- Parent Information -->
        <div class="card mb-4">

            <div class="card-header">
                <h5 class="mb-0">Parent / Guardian Information</h5>
            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Father's Name
                        </label>

                        <div class="fw-medium">
                            Kumar Raj
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Mother's Name
                        </label>

                        <div class="fw-medium">
                            Priya Kumar
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Parent Phone
                        </label>

                        <div class="fw-medium">
                            +91 98765 43210
                        </div>
                    </div>


                    <div class="col-md-6 mb-4">
                        <label class="text-muted small">
                            Address
                        </label>

                        <div class="fw-medium">
                            25, Main Road, Nagercoil, Tamil Nadu - 629001
                        </div>
                    </div>

                </div>

            </div>

        </div>



    </div>

</div>






@endsection