@extends('layouts.master')
    
@section('title', 'Faculty Member')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold;
			color: blue
		}
	</style>
@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.title')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-12">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>
        
				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">
								<div align="right">
									<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/facultygetedit', $faculty->id) }}">
										<i class="uil uil-pen" style="margin-right: 5px"></i> Edit
									</a>
								</div>

								<br>

								<div align="center">
									<div class="item">
										<!-- <img class="rounded-circle w-20 mx-auto mb-4" src="{{ asset('/user_pictures/'.$faculty->faculty_picture) }}"> -->
										 <!-- @if (empty($faculty->faculty_picture) || $faculty->faculty_picture === 'profile.png')

                                            {{-- แสดงอักษรย่อ --}}
                                            <span class="avatar bg-primary text-white w-20 h-20">
                                                <span style="font-size: 25px; font-weight: 600;">
                                                    {{ 
                                                        strtoupper(
                                                            mb_substr(explode(' ', $faculty->faculty_name)[0], 0, 1) .
                                                            mb_substr(explode(' ', $faculty->faculty_name)[1] ?? '', 0, 1)
                                                        ) 
                                                    }}
                                                </span>
                                            </span>

                                        @else

                                            {{-- แสดงรูป --}}
                                            <img class="rounded-circle w-20 mx-auto mb-4"
                                                src="{{ asset('picture/'.$faculty->faculty_picture) }}"
                                                alt="{{ $faculty->faculty_name }}">

                                        @endif -->

										@php
											$imagePath = public_path('picture/' . $faculty->faculty_picture);
										@endphp

										@if (empty($faculty->faculty_picture) || !file_exists($imagePath))

											{{-- 🔥 ไม่มีรูป → ใช้ default --}}
											<img class="rounded-circle w-20 mx-auto mb-4"
												src="{{ asset('user_pictures/profile.png') }}"
												alt="default profile">

										@else

											{{-- 🔥 มีรูปจริง --}}
											<img class="rounded-circle w-20 mx-auto mb-4"
												src="{{ asset('picture/'.$faculty->faculty_picture) }}"
												alt="{{ $faculty->faculty_name }}">

										@endif
										
										<h4 class="mb-1">
											{{ $faculty->faculty_name }}
										</h4>
										<p class="mb-2">{{ $faculty->email }}</p>
									</div>
								</div>

								<hr/>

								<div class="row">
									<div class="col-md-3 font_topic">Staff ID :</div>
									<div class="col-md-9">{{ $faculty->faculty_code }}</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">Name-Surname :</div>
									<div class="col-md-9">{{ $faculty->faculty_name }}</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">Email :</div>
									<div class="col-md-9">{{ $faculty->email }}</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">School :</div>
									<div class="col-md-9">{{ $faculty->school_name }} ({{ $faculty->school_shortname }})</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">Position :</div>
									<div class="col-md-9">{{ $faculty->admin_position_sub_name }}</div>
								</div>