@include('frontend.header')

    <style>
.arrow-list {
    list-style: none;
    padding-left: 0;
}

.arrow-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
}

.arrow-list li::before {
    content: "➤";
    /* you can use → ► ➜ */
    position: absolute;
    left: 0;
    color: #198754;
    /* optional */
    font-weight: bold;
}
    </style>
    <style>
.force-number {
    counter-reset: item;
    padding-left: 1.5rem;
}

.force-number>li {
    list-style: none;
    counter-increment: item;
    position: relative;
    padding-left: 1rem;
}

.force-number>li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 0;
    /* font-weight: 600; */
}

ul#profileTabs {
    font-size: 15px;
}
    </style>

    <main class="main">
        <!-- breadcrumb -->

        <!-- breadcrumb end -->

        <div class="profile-header text-white py-5 shadow-lg">
            <div class="container d-flex flex-column flex-md-row align-items-center gap-4 text-center text-md-start">

                <img src="{{ asset($faculty->image ?? 'assets/img/default.png') }}" alt="{{ $faculty->name }}"
                    class="rounded-circle border border-4 border-white profile-img shadow" style="width: 150px; height: 150px; object-fit: cover;">

                <div>
                    <h1 class="h3 fw-bold mb-1">{{ $faculty->name }}</h1>
                    <p class="mb-0 lead">
                        {{ $faculty->designation }}
                        @if($faculty->department)
                        , Department of {{ $faculty->department->department }}
                        @endif
                    </p>
                </div>
            </div>
        </div>


        <section class="container my-5">
            <div class="row g-4">
                <!-- Quick Info -->
                <div class="col-lg-3">
                    <div class="card shadow-sm sticky-info">
                        <div class="card-body">
                            <h5 class="card-title text-success">Quick Info</h5>

                            <ul class="list-unstyled small text-break">
                                <li><strong>Employee ID:</strong> {{ $faculty->employeeid }}</li>
                                <li><strong>DOB:</strong> {{Carbon\Carbon::parse($faculty->dob)->format('d-m-Y') }}</li>
                                <li><strong>Joining Date:</strong>
                                    {{ Carbon\Carbon::parse($faculty->date_of_appointment)->format('d-m-Y') }}</li>


                                @if($faculty->email)
                                <li>
                                    📧 <a href="mailto:{{ $faculty->email }}" class="text-success text-decoration-none">
                                        {{ $faculty->email }}
                                    </a>
                                </li>
                                @endif

                                @if($faculty->phone)
                                <li>📞 {{ $faculty->phone }}</li>
                                @endif
                                <li>🕒 Mon–Fri, 10:00 AM – 4:00 PM</li>
                            </ul>
                        </div>
                    </div>
                </div>


                <!-- Tabs Content -->
                <div class="col-lg-9">
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <!-- Bootstrap Nav Tabs -->
                            <ul class="nav nav-tabs mb-3" id="profileTabs" role="tablist">
                                <li class="nav-item">
                                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#biography">
                                        Biography
                                    </button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#education">
                                        Participation
                                    </button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#research">
                                        Research
                                    </button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#publications_tab">
                                        Publications
                                    </button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#seminars_tab">
                                        Seminars
                                    </button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#memberships">
                                        Projects
                                    </button>
                                </li>

                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#contact">
                                        Other Details
                                    </button>
                                </li>

                            </ul>

                            <!-- Tab Panes -->
                            <div class="tab-content">
                                <div class="tab-pane fade show active" id="biography">
                                    <!-- <h5 class="text-success">Biography</h5> -->
                                    <p>
                                        {{ $faculty->name }}, {{ $faculty->designation }}
                                        Department of {{ $faculty->department->department }} at Tagore Government Arts
                                        and Science
                                        College, Puducherry, has made remarkable contributions in
                                        {{ $faculty->department->department }} studies, research, and cultural
                                        promotion. With over
                                        {{ $faculty->teaching_experience }} years of teaching and research experience,
                                        {{ strtolower($faculty->gender) === 'male' ? 'he' : 'she' }} has
                                        published widely, delivered lectures at numerous national
                                        and international conferences, and received prestigious
                                        awards from various literary and cultural organizations.
                                    </p>
                                    <h5 class="text-success mt-2 mb-2">Academics</h5>
                                    @php
                                    $academics = $faculty->academics ?? collect();
                                    @endphp

                                    @if($academics->isNotEmpty())
                                    <div class="table-responsive">
                                        <table class="table align-middle table-hover">
                                            <thead class="table-success">
                                                <tr>
                                                    <th>#</th>
                                                    <th>Qualification</th>
                                                    <th>Institution</th>
                                                    <th>Year</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($academics as $index => $acad)
                                                <tr>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            {{ $index + 1 }}
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <strong>{{ $acad->class }}</strong><br>
                                                        <small class="text-muted">{{ $acad->course ?? '' }}</small>
                                                    </td>
                                                    <td>{{ $acad->board ?? '-' }}</td>
                                                    <td>{{ $acad->year ?? '-' }}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    @else
                                    <p class="text-muted small">No academic data available</p>
                                    @endif


                                    <h5 class="text-success mt-2 mb-2">Other Info</h5>

                                    @php
                                    $oi = $faculty->otherInfo ?? null;

                                    $coursesCount = is_array($oi?->courses_attended) ? count($oi->courses_attended) : 0;
                                    $onlineCount = is_array($oi?->online_course) ? count($oi->online_course) : 0;
                                    $awardsCount = is_array($oi?->awards_recognitions) ? count($oi->awards_recognitions)
                                    : 0;
                                    $communityCount = is_array($oi?->community_service) ? count($oi->community_service)
                                    : 0;
                                    $suggestCount = is_array($oi?->suggestions) ? count($oi->suggestions) : 0;

                                    $totalOtherInfo = $coursesCount + $onlineCount + $awardsCount + $communityCount +
                                    $suggestCount;
                                    @endphp

                                    @if($totalOtherInfo > 0)
                                    <ul class="small">
                                        <li><strong>Courses Attended:</strong> {{ $coursesCount }}</li>
                                        <li><strong>Online Courses:</strong> {{ $onlineCount }}</li>
                                        <li><strong>Awards:</strong> {{ $awardsCount }}</li>
                                        <li><strong>Community Service:</strong> {{ $communityCount }}</li>
                                        <li><strong>Suggestions:</strong> {{ $suggestCount }}</li>
                                    </ul>
                                    @else
                                    <p class="text-muted small">No data available in other infos</p>
                                    @endif

                                   

                                </div>

                                <div class="tab-pane fade" id="education">

                                    <!-- Participation -->
                                    <h5 class="text-success mb-2">Participation</h5>
                                    @if(!empty($faculty->participation) &&
                                    is_array($faculty->participation->participation))
                                    <ol class="force-number">
                                        @foreach($faculty->participation->participation as $item)
                                        <li class="mb-1">{{ $item }}</li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No participation data available</p>
                                    @endif

                                    <!-- Involvement -->
                                    <h5 class="text-success mb-2">Involvement</h5>
                                    @if(!empty($faculty->involvement) && is_array($faculty->involvement->involvement))
                                    <ol class="force-number">
                                        @foreach($faculty->involvement->involvement as $item)
                                        <li class="mb-1">{{ $item }}</li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No involvement data available</p>
                                    @endif

                                </div>
                                <div class="tab-pane fade" id="research">

                                    @php
                                    $research = $faculty->research ?? null;
                                    @endphp

                                    @if($research)
                                    <div class="mb-2">
                                        <strong class="text-success">NUMBER OF YEARS OF RESEARCH EXPERIENCE :</strong>
                                        {{ $research->research_experience ?? 'N/A' }}
                                    </div>

                                    <div class="mb-2">
                                        <strong class="text-success">NUMBER OF M.PHIL SCHOLARS GUIDED :</strong>
                                        {{ $research->mphil_guided ?? 'N/A' }}
                                    </div>

                                    <div class="mb-2">
                                        <strong class="text-success">NUMBER OF PH.D SCHOLARS GUIDED :</strong>
                                        {{ $research->phd_guided ?? 'N/A' }}
                                    </div>

                                    <div class="mb-2">
                                        <strong class="text-success">TOTAL RESEARCH PUBLICATIONS :</strong>
                                        {{ $research->total_research ?? 'N/A' }}
                                    </div>
                                    @else
                                    <p class="text-muted small">No research data available</p>
                                    @endif

                                </div>


                                <div class="tab-pane fade" id="publications_tab">
                                    <h4 class="text-success mb-3">Publications</h4>

                                    @if(!empty($faculty->publications) && $faculty->publications->publications)
                                    <div class="publications-content">
                                        @if(is_array($faculty->publications->publications))
                                            <ul class="arrow-list">
                                                @foreach($faculty->publications->publications as $p)
                                                    <li>{{ $p }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            {!! nl2br(e($faculty->publications->publications)) !!}
                                        @endif
                                    </div>
                                    @else
                                    <p class="text-muted small">No publications data available</p>
                                    @endif
                                </div>



                                <div class="tab-pane fade" id="seminars_tab">
                                    <!-- <h5 class="text-success">Seminars</h5> -->

                                    @if(!empty($faculty->seminars) && is_array($faculty->seminars->title_of_program))
                                    <ol class="force-number">
                                        @foreach($faculty->seminars->title_of_program as $i => $title)
                                        <li>
                                            {{ $title }}
                                            ({{ $faculty->seminars->organization[$i] ?? 'N/A' }})
                                        </li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No seminars data available</p>
                                    @endif
                                </div>


                                <div class="tab-pane fade" id="memberships">
                                    <!-- <h5 class="text-success">Projects</h5> -->
                                    @if(!empty($faculty->projects) &&
                                    is_array($faculty->projects->projects))
                                    <ol class="force-number">
                                        @foreach($faculty->projects->projects as $item)
                                        <li>{{ $item }}</li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No projects data available</p>
                                    @endif
                                </div>
                                <div class="tab-pane fade" id="contact">
                                    <!-- <h5 class="text-success">Other Details</h5> -->

                                    @php
                                    $otherDetails = $faculty->other_projects?->details;
                                    $detailsList = $otherDetails ? array_filter(explode("\n", $otherDetails)) : [];
                                    @endphp
                                     <h5 class="text-success mt-3 mb-2">Other Details</h5>

                                    @if(!empty($detailsList))
                                    <ol class="force-number">
                                        @foreach($detailsList as $detail)
                                        <li>
                                            {{ trim($detail) }}
                                        </li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No other details available</p>
                                    @endif


                                     <h5 class="text-success mt-3 mb-2">Courses Attended</h5>
                                    @if(!empty($oi) && is_array($oi->courses_attended) && count($oi->courses_attended) > 0)
                                    <ol class="force-number">
                                        @foreach($oi->courses_attended as $course)
                                        <li class="mb-1">{{ $course }}</li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No courses attended data available</p>
                                    @endif

                                    <h5 class="text-success mt-3 mb-2">Online Courses</h5>
                                    @if(!empty($oi) && is_array($oi->online_course) && count($oi->online_course) > 0)
                                    <ol class="force-number">
                                        @foreach($oi->online_course as $course)
                                        <li class="mb-1">{{ $course }}</li>
                                        @endforeach
                                    </ol>
                                    @else
                                    <p class="text-muted small">No online courses data available</p>
                                    @endif

                                  

                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    @include('frontend.footer')