fix buttons

Author: aleducode

abjhelp/templates/detail.html

@@ -0,0 +1,56 @@
+{% extends 'base.html' %}
+
+{% load static %}
+{% block content %}
+<div class="page-content">
+    <div class="container-fluid">
+        <div class="col-xl-6 offset-lg-3">
+            <a href="{% url 'users:help-requests' %}">Regresar</a>
+
+            <div class="card overflow-hidden mt-2">
+                <div class="bg-soft-primary">
+                    <div class="row">
+                        <div class="col-7">
+                            <div class="text-primary p-3">
+                                <h5 class="text-primary">Pedido #{{help.pk}}</h5>
+                            </div>
+                        </div>
+                        <div class="col-5 align-self-end">
+                            <img src="{% static 'backoffice/assets/images/profile-img.png' %}" alt="" class="img-fluid">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- end card -->
+
+            <div class="card">
+                <div class="card-body">
+                    <h3 class="subtitle has-text-left">{{help.name|title}}</h3>
+            
+                    <p class="has-text-left is-size-6">{{help.description}}</p>
+                    <h5 class="font-size-15 font-weight-bold">Ubicación: </h5>{{help.address}}
+                    <h5 class="font-size-15 font-weight-bold mt-3">Contactar</h5>
+                    <div class="row">
+                        <div class="col-12 mt-3">
+                            <a href="tel:+57{{help.phone_number}}"
+                            class="btn btn-dark waves-effect waves-light mr-1">
+                                <i class="bx bx-phone-outgoing font-size-24 align-middle mr-2"></i> Llamar
+                            </a>
+                            <a  href="{{whatsapp}}" class="btn btn-success waves-effect waves-light">
+                                <i class="bx bxl-whatsapp  font-size-24 align-middle mr-2"></i> Whatsapp
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            
+                
+            </div>
+
+        </div>
+    </div>
+</div>
+
+
+
+
+{% endblock content %}