@extends('layouts.master')
@section('title', 'Advisor')

@section('style')
    <style>
    </style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    @include('layouts.header')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            <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="card">
                <div class="card-body">
                    <div class="text-center mb-4">
                        <h3 class="fw-bold mb-1">
                            {{ $advisor->title_en_name ?? '' }}
                            {{ $advisor->advisor_firstname ?? '' }}
                            {{ $advisor->advisor_lastname ?? '' }}
                        </h3>
                        <p class="text-muted mb-0">
                            {{ $advisor->school_name ?? '' }}
                        </p>
                    </div>

                    <hr class="my-4">

                    <div class="mb-4">
                        <div class="d-flex align-items-center mb-2">
                            <i class="uil uil-user-circle text-violet fs-28"></i>
                            <h5 class="ms-2 mb-0 text-violet fw-bold">Information</h5>
                        </div>
                    </div>

                    <!-- Name & Email -->
                    <div class="row mb-4">
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">Name</label>
                            <div class="fw-semibold fs-15">
                                {{ $advisor->title_en_name ?? '' }}
                                {{ $advisor->advisor_firstname ?? '' }}
                                {{ $advisor->advisor_lastname ?? '' }}
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="text-muted">E-mail</label>
                            <div class="fw-semibold fs-15">
                                {{ $advisor->advisor_email ?? '' }}
                            </div>
                        </div>
                    </div>

                    <!-- School -->
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">School</label>
                            <div class="fw-semibold fs-15">
                                {{ $advisor->school_name ?? '' }} {{ $advisor->school_shortname ?? '' }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection