@extends('website::modern.layout.master')

@section('title', 'About Us - ' . ($data['values']['doctor_name'] ?? 'Doctor'))

@section('content')
    <!-- Page Header -->
    <section class="page-header py-5 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h1 class="display-4 fw-bold mb-3">About Me</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center mb-0">
                            <li class="breadcrumb-item">
                                <a href="{{ url("website/preview/$template->slug?token=$token") }}" class="text-decoration-none">
                                    <i class="fas fa-home me-1"></i>Home
                                </a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">About</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>

    <!-- start about -->
    <div class="about" id="about">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-5 time">
                    <div class="outline-box">
                        <div class="box">
                            <h4 class="head">
                                Time For Meet
                            </h4>
                            <div class="time-table slashes">
                                <h5>
                                    Monday - Friday
                                </h5>
                                <p>
                                    9:00 AM - 06:00 PM
                                </p>
                            </div>
                            <div class="time-table mb-0">
                                <h5>
                                    Saturday - Sunday
                                </h5>
                                <p>
                                    9:00 AM - 06:00 PM
                                </p>
                            </div>
                        </div>
                        <div class="bottom">
                            <h4>
                                For Emergency Care
                            </h4>
                            <p>
                                {{ $data['values']['phone'] ?? '+208-6666-0112' }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-7 text">
                    <div class="head">
                        About Me
                    </div>
                    <h2 class="main-head">
                        {{ $data['values']['about_title'] ?? 'My Journey in Medicine' }}
                    </h2>
                    <p>
                        {{ $data['values']['about_description'] ?? "I'm a specialist with a passion for providing holistic, evidence-based medical care. With years of experience, I've had the privilege of treating thousands of patients with empathy, accuracy, and dedication." }}
                    </p>
                    {{--                    <div class="info mb-3">--}}
                    {{--                        <span>Doctor's Motto or Belief</span>: Healing begins with listening.--}}
                    {{--                    </div>--}}
                    {{--                    <div>--}}
                    {{--                        <button class="btn primary-btn">SEND MESSAGE <img src="icons/swirly-scribbled-arrow.png" alt=""></button>--}}
                    {{--                        <button class="btn scondry-btn">VIDEO CALL <img src="icons/swirly-scribbled-arrow.png" alt=""></button>--}}
                    {{--                    </div>--}}
                </div>
            </div>
        </div>
        <div class="about-vector">
            <img src="{{ asset('websites/modern') }}/image/about-vector.svg" alt="">
        </div>
    </div>
@endsection