@extends('layouts.app')

@section('title', 'Principal - RKCAMS.IN')

@section('content')
<div class="card shadow-sm">
    <div class="card-header fw-bold">
        Individual Information
    </div>
    <div class="card-body">
        <!-- table here -->
        <div class="table-responsive">
            <table class="table table-bordered align-middle">
                <thead class="table-light">
                    <tr>
                        <th scope="col" style="width:30%;">Particular</th>
                        <th scope="col" style="width:50%;">Details</th>
                        <th scope="col" style="width:20%;" class="text-center">Photo</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td><strong>Name</strong></td>
                        <td></td>
                        <td rowspan="11" class="text-center">
                            <img src="{{ url('') }}" class="img-fluid rounded"
                                alt=" Photo" style="max-width: 160px;">
                        </td>
                    </tr>

                    <tr>
                        <td><strong>Qualification</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Designation</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Experience</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Date of Birth</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Date of Joining</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Registration Number</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Unique Teacher's Code</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Contact Number</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Mobile Number</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Fax Number</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Email ID</strong></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><strong>Address</strong></td>
                        <td>
                            Ram Krishna College of Ayurveda &amp; Medical Sciences,<br>
                            RKDF University,<br>
                            Airport Bypass Road, Gandhi Nagar,<br>
                            Bhopal (M.P) – 462033
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection