{% 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 %}