{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}

<title>Investment Edu | Event View</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <div class="left-side-bar">
                <h1 class="f-22 mb-2 bold">Event Detail</h1>
            </div>
        </div>
        <div class="user-view-details event-view-sec mt-4">
            <div class="card space">
                <div class="row">
                    <div class="col-12">
                        <div class="user-details-lft event-img use-details spc text-center mb-4 mx-5">
                            <img src="{% if view_obj.event_image %}{{ view_obj.event_image }}{% else %}/media/admin/KelrWi052B9r.jpg{% endif %}" class="view-user-img details">
                            <p class="h6 mt-2 fw-bold">Event Image</p>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row user-data-rw spc">
                            <div class="col-12">
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Event Name</p>
                                    <p class="f-14 mb-0">{{ view_obj.event_name }}</p>
                                </div>
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Event Description</p>
                                    <p class="f-14 mb-0">{{ view_obj.description|striptags}}</p>
                                </div>
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Location</p>
                                    <p class="f-14 mb-0">{{ view_obj.location }}</p>
                                </div>
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Event Date</p>
                                    <p class="f-14 mb-0">{{ view_obj.date}} </p>
                                </div>
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Event Start Time</p>
                                    <p class="f-14 mb-0">{{ view_obj.start_time }}</p>
                                </div>
                                <div class="appointmnt-details px-4">
                                    <p class="f-15 bold mb-0">Event End Time</p>
                                    <p class="f-14 mb-0">{{ view_obj.end_time }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}