{% extends 'base_manager.html' %}

{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block content %}
<div class="preloader"></div>
<div class="page-wrapper">
    <!-- page title -->
    <section class="page-title" style="background-image: url('{% static 'img/bg-5.jpg'%}')">
        <div class="auto-container">
            <div class="content-box">
                <div class="content-wrapper">
                    <div class="title">
                        <h1>Request A Call Page</h1>
                    </div>
                    <ul class="bread-crumb">
                        <li><a href="/">Home</a></li>
                        <li>Request A Call Page</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Error Page -->
    <section class="error-section">
        <div class="auto-container">
            <div class="content">
                <h3 class="mb-5">Request A Call with | {{doctor.get_full_name}}</h3>

                <div class="row">
                    <div class="col-md-6">
                        <h4 class="mb-3">{{doctor.get_full_name}} </h4>
                        <div class="block">
                            
                            <img src="{{doctor.featured_image.url}}" style="width: 200px; height: 200px; border-radius: 4px;
                                        "/>
                        </div>
                    </div>
                   
                        <div class="col-md-6">
                             <form method="POST" action="">
                            <div class="form-group">
                                {{ form.note.label_tag }}*
                                {% if form.note.errors %}
                                <div class="text-danger">{{ form.note.errors }}</div>
                                {% endif %}
                                {% render_field form.note class+="form-control" %}
                            </div>
                            <button type="submit" class="theme-btn" style="margin-top: 15px;">Request Call</button>
                            {% csrf_token %}
                        
                        </form>
                    {% if messages %}
                        <ul class="list-group info" style="margin-top: 20px;" >
                            {% for message in messages %}
                                <li class="list-group-item">{{ message }}</li>
                            {% endfor %}
                        </ul>
                    {% endif %}
                        </div>
                        
                </div>
                
                
             
            </div>
        </div>
    </section>
</div>
{% endblock %}