{% extends 'page_header.html.twig' %}
{% block body_class "profile-page-container" %}
{% block page_container %}
<div class="content">
<div class="profile-header">
<div class="card">
<div class="card-body">
<div class="doctor-widget">
<div class="doc-info-left">
<div class="doctor-img">
{% if doctor.thumbnail is not null %}
{% set imgSrc = doctor.thumbnail|media_url(150, 150) %}
{% else %}
{% set imgSrc = asset('themes/castine/assets/img/doctors/doctor-thumb-02.jpg') %}
{% endif %}
<img src="{{ imgSrc }}" class="img-fluid" alt="{{ doctor.firstname ~' '~ doctor.lastname}}">
</div>
<div class="doc-info-cont">
<h4 class="doc-name">{{ doctor.firstname ~' '~ doctor.lastname}}</h4>
<p class="doc-speciality">BDS, MDS - Oral & Maxillofacial Surgery</p>
<p class="doc-location"><i class="fas fa-map-marker-alt"></i> {{ doctor.city}}, {{ doctor.country|country_name}}</p>
</div>
<div class="clinic-booking">
<a class="view-pro-btn btn-book-appointment" data-url="{{ path('app.book_appointment', {"username":doctor.username}) }}" href="#">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="profile-body">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="card widget about-widget">
<div class="card-header">
<h4 class="widget-title">A little about me</h4>
</div>
<div class="card-body">
<p>{{ doctor.bio }}</p>
</div>
</div>
<div class="card widget service-list">
<div class="card-header">
<h4 class="widget-title">Services</h4>
</div>
<div class="card-body">
<ul class="clearfix">
{% for service in doctor.services|split(',') %}
<li>{{ service }}</li>
{% endfor %}
</ul>
</div>
</div>
<div class="card widget service-list">
<div class="card-header">
<h4 class="widget-title">Specializations</h4>
</div>
<div class="card-body">
<ul class="clearfix">
{% for speciality in doctor.specialties %}
<li>{{ speciality.name }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card widget">
<div class="card-header">
<h4 class="widget-title">Working Days</h4>
</div>
<div class="card-body">
<div class="widget-content">
<div class="listing-hours">
{% for day, timeSlots in daySlots %}
<div class="listing-day {% if timeSlots|length == 0 %}closed{% endif %}">
<div class="day">{{ day }}</div>
<div class="time-items">
{% if timeSlots|length > 0 %}
{% for slot in timeSlots %}
<span class="time">{{ slot.getDescription() }}</span>
{% endfor %}
{% else %}
<span class="time"><span class="badge bg-danger-light">Closed</span></span>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="card widget map-widget">
<div class="card-header">
<h4 class="widget-title">Google Map</h4>
</div>
<div class="card-body" id="profile-map" data-lat="{{ doctor.latitude}}" data-lng="{{ doctor.longitude}}">
</div>
</div>
<div class="card widget review-listing">
<div class="card-header">
<h4 class="widget-title">Review</h4>
</div>
<div class="card-body">
<div class="write-review">
{{ render(controller('App\\Controller\\DoctorsController::review', {
'_route': 'app.doctor_create_review',
'username': app.request.get('username')
})) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}