505 lines
29 KiB
HTML
505 lines
29 KiB
HTML
{% extends 'base.html' %}
|
|
{% load i18n static %}
|
|
|
|
{% block content %}
|
|
|
|
|
|
<div class="px-4 px-lg-6">
|
|
<h2 class="mb-5">{{ _("Opportunities") }}</h2>
|
|
<div class="d-xl-flex justify-content-between">
|
|
<div class="mb-3">
|
|
<a class="btn btn-primary me-4" href="{% url 'opportunity_create' slug%}"><span class="fas fa-plus me-2"></span>{{ _("Add Opportunity") }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-4 px-lg-6 scrollbar">
|
|
<div class="deals">
|
|
{% for opportunity in opportunities %}
|
|
<div class="deals-col col-sm-6 me-4 mt-4">
|
|
<div class="d-flex align-items-center justify-content-between position-sticky top-0 z-1 bg-body">
|
|
<div>
|
|
<h5 class="mb-2 ms-4">{{ opportunity.car.id_car_make.get_local_name }} - {{ opportunity.car.id_car_model.get_local_name }} - {{ opportunity.car.year }}</h5>
|
|
</div>
|
|
<div class="d-flex gap-3">
|
|
<button class="btn p-0" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><a class="dropdown-item" href="{% url 'update_opportunity' opportunity.pk %}">{{ _("Edit") }}</a></li>
|
|
<li><button class="dropdown-item text-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">{% trans "Delete" %}</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class=" deals-items-row">
|
|
<div class="w-100 min-vh-50" >
|
|
<div>
|
|
<div class="card mb-3">
|
|
<div class="card-body">
|
|
<a class="dropdown-indicator-icon position-absolute text-body-tertiary text-end"
|
|
href="#collapseWidthDeals-1"
|
|
role="button"
|
|
data-bs-toggle="collapse"
|
|
aria-expanded="false"
|
|
aria-controls="collapseWidthDeals-1">
|
|
<span class="fa-solid fa-angle-down text-end"></span>
|
|
</a>
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|
<div class="d-flex gap-3">
|
|
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="me-2" data-feather="clock" style="stroke-width:2;"></span>
|
|
<p class="mb-0 fs-9 fw-semibold text-body-tertiary date">{{ opportunity.created|date }}<span class="text-body-quaternary"> . {{ opportunity.created|time}}</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="deals-items-head d-flex align-items-center mb-2">
|
|
<a class="text-primary fw-bold line-clamp-1 me-3 mb-0 fs-9" href="{% url 'opportunity_detail' opportunity.pk %}">{{ _("View") }}</a>
|
|
<p class="fs-10 mb-0 mt-1 d-none"><span class="me-1 text-body-quaternary" data-feather="grid" style="stroke-width:2; height: 12px; width: 12px"></span>{{ opportunity.get_stage_display }}</p>
|
|
<p class="ms-auto fs-9 text-body-emphasis fw-semibold mb-0 deals-revenue">{{ opportunity.car.finances.total }}</p>
|
|
</div>
|
|
<div class="deals-company-agent d-flex flex-between-center">
|
|
<div class="d-flex align-items-center"><span class="uil uil-user me-2"></span>
|
|
<p class="text-body-secondary fw-bold fs-10 mb-0">{{ opportunity.customer.get_full_name }}</p>
|
|
</div>
|
|
<div class="d-flex align-items-center"><span class="uil uil-headphones me-2"></span>
|
|
<p class="text-body-secondary fw-bold fs-10 mb-0">{{ opportunity.staff.name }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="collapse" id="collapseWidthDeals-1">
|
|
<div class="d-flex gap-2 mb-5"><span class="badge badge-phoenix fs-10 badge-phoenix-info">{{ opportunity.get_stage_display }}</span><span class="badge badge-phoenix fs-10 badge-phoenix-danger">{{ opportunity.get_status_display }}</span></div>
|
|
<table class="mb-4 w-100 table-stats table-stats">
|
|
<tr>
|
|
<th>{{ _("Details") }}</th>
|
|
<th>:</th>
|
|
<th></th>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<div class="d-flex align-items-center"><span class="icon-saudi_riyal me-2 text-body-tertiary"></span>
|
|
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">{{ _("Expected Revenue")}}</p>
|
|
</div>
|
|
</td>
|
|
<td class="d-none d-sm-block pe-sm-2">:</td>
|
|
<td class="py-1">
|
|
<p class="ps-6 ps-sm-0 fw-semibold fs-9 mb-0 mb-0 pb-3 pb-sm-0 text-body-emphasis">{{ opportunity.car.finances.total }}</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<div class="d-flex align-items-center"><span class="me-2 text-body-tertiary" data-feather="user" style="width:16px; height:16px"></span>
|
|
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">{{ _("Contact") }}</p>
|
|
</div>
|
|
</td>
|
|
<td class=" d-none d-sm-block pe-sm-2">:</td>
|
|
<td class="py-1">
|
|
<p class="fw-semibold fs-9 mb-0 mb-0 pb-3 pb-sm-0 text-body-emphasis d-flex align-items-center gap-2"><a href=""> <span class="fa-solid fa-square-phone text-body-tertiary"></span></a><a href=""> <span class="fa-solid fa-square-envelope text-body-tertiary"></span></a><a href=""> <span class="fab fa-whatsapp-square text-body-tertiary"></span></a></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<div class="d-flex align-items-center"><span class="me-2 text-body-tertiary" data-feather="calendar" style="width:16px; height:16px"></span>
|
|
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">{{ _("Closing Date")}}</p>
|
|
</div>
|
|
</td>
|
|
<td class=" d-none d-sm-block pe-sm-2">:</td>
|
|
<td class="py-1">
|
|
<p class="fw-semibold fs-9 mb-0 mb-0 pb-3 pb-sm-0 text-body-emphasis">{{ opportunity.closing_date }}</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<p class="fs-9 mb-1 fw-bold"> {{ _("Probability") }}: %</p>
|
|
<div class="progress" style="height:16px">
|
|
{% if opportunity.probability >= 25 and opportunity.probability < 49 %}
|
|
<div class="progress-bar rounded-pill bg-danger" role="progressbar" style="width: {{ opportunity.probability }}%" aria-valuenow="{{ opportunity.probability }}" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="fw-bold fs-10 text-sm-end text-secondary me-1">{{ opportunity.probability }}</span>
|
|
</div>
|
|
{% elif opportunity.probability >= 50 and opportunity.probability <= 74 %}
|
|
<div class="progress-bar rounded-pill bg-warning" role="progressbar" style="width: {{ opportunity.probability }}%" aria-valuenow="{{ opportunity.probability }}" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="fw-bold fs-10 text-sm-end text-secondary me-1">{{ opportunity.probability }}</span>
|
|
</div>
|
|
{% elif opportunity.probability >= 75 and opportunity.probability <= 100 %}
|
|
<div class="progress-bar rounded-pill bg-success" role="progressbar" style="width: {{ opportunity.probability }}%" aria-valuenow="{{ opportunity.probability }}" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="fw-bold fs-10 text-sm-end text-secondary me-1">{{ opportunity.probability }}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="deleteModal"
|
|
data-bs-backdrop="static"
|
|
data-bs-keyboard="false"
|
|
tabindex="-1"
|
|
aria-labelledby="deleteModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="deleteModalLabel">
|
|
|
|
{% trans "Delete Opportunity" %}
|
|
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body text-center">
|
|
<p class="mb-0 text-danger fw-bold">
|
|
{% trans "Are you sure you want to delete this opportunity?" %}
|
|
</p>
|
|
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
|
|
{% trans "No" %}
|
|
</button>
|
|
<a type="button" class="btn btn-danger btn-sm" href="{% url 'delete_opportunity' opportunity.pk %}">
|
|
{% trans "Yes" %}
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="addOpportunityModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="addOpportunityModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
|
<div class="modal-content bg-body-highlight p-6">
|
|
<div class="modal-header justify-content-between border-0 p-0 mb-2">
|
|
<h3 class="mb-0">Opportunity Information</h3>
|
|
<button class="btn btn-sm btn-phoenix-secondary" data-bs-dismiss="modal" aria-label="Close"><span class="fas fa-times text-danger"></span></button>
|
|
</div>
|
|
<div class="modal-body px-0">
|
|
<form method="post" class="form" action="{% url 'create_opportunity' opportunity.customer.pk %}">
|
|
<div class="row g-4">
|
|
<div class="col-lg-6">
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Owner</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>Ally Aagaard</option>
|
|
<option>Aida Moen</option>
|
|
<option>Niko Koss</option>
|
|
<option>Alec Haag</option>
|
|
<option>Lonnie Kub</option>
|
|
<option>Ola Smith</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Opportunity Name</label>
|
|
<input class="form-control" type="text" placeholder="Enter deal name" />
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="row g-3">
|
|
<div class="col-sm-6 col-lg-12 col-xl-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Opportunity Amount</label>
|
|
<div class="row g-2">
|
|
<div class="col">
|
|
<input class="form-control" type="number" placeholder="$ Enter amount" />
|
|
</div>
|
|
<div class="col-auto">
|
|
<select class="form-select">
|
|
<option>USD</option>
|
|
<option>GBP</option>
|
|
<option>EUR</option>
|
|
<option>JPY</option>
|
|
<option>CAD</option>
|
|
<option>AUD</option>
|
|
<option>CNY</option>
|
|
<option>CHF</option>
|
|
<option>ZAR</option>
|
|
<option>BRL</option>
|
|
<option>RUB</option>
|
|
<option>INR</option>
|
|
<option>MXN</option>
|
|
<option>NZD</option>
|
|
<option>SGD</option>
|
|
<option>HKD</option>
|
|
<option>KRW</option>
|
|
<option>SEK</option>
|
|
<option>NOK</option>
|
|
<option>TRY</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Opportunity Code</label>
|
|
<input class="form-control" type="text" placeholder="Enter deals code" />
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Opportunity Type
|
|
<button class="btn btn-link p-0 ms-3"><span class="fa-solid fa-plus me-1"></span><span>Add new</span></button>
|
|
</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>Buy One Get One Free</option>
|
|
<option>Clearance sale</option>
|
|
<option>Bundle deals</option>
|
|
<option>Free shipping</option>
|
|
<option>Loyalty programs</option>
|
|
<option>Limited-time offers</option>
|
|
<option>Refer-a-friend discounts</option>
|
|
<option>Seasonal sales</option>
|
|
<option>Membership discounts</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Category
|
|
<button class="btn btn-link p-0 ms-3"><span class="fa-solid fa-plus me-1"></span><span>Add new</span></button>
|
|
</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>Financial</option>
|
|
<option>Marketplace</option>
|
|
<option>Travel</option>
|
|
<option>E-commerce</option>
|
|
<option>Cloud Computing</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Probability (%)</label>
|
|
<input class="form-control" type="text" placeholder="Enter value" />
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Expected Revenue</label>
|
|
<div class="row g-2">
|
|
<div class="col">
|
|
<input class="form-control" type="number" placeholder="$ Enter amount" />
|
|
</div>
|
|
<div class="col-auto">
|
|
<select class="form-select">
|
|
<option>USD</option>
|
|
<option>GBP</option>
|
|
<option>EUR</option>
|
|
<option>JPY</option>
|
|
<option>CAD</option>
|
|
<option>AUD</option>
|
|
<option>CNY</option>
|
|
<option>CHF</option>
|
|
<option>ZAR</option>
|
|
<option>BRL</option>
|
|
<option>RUB</option>
|
|
<option>INR</option>
|
|
<option>MXN</option>
|
|
<option>NZD</option>
|
|
<option>SGD</option>
|
|
<option>HKD</option>
|
|
<option>KRW</option>
|
|
<option>SEK</option>
|
|
<option>NOK</option>
|
|
<option>TRY</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Contact Name</label>
|
|
<input class="form-control" type="text" placeholder="Enter contact name" />
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="row g-3">
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Phone Number</label>
|
|
<input class="form-control" type="text" placeholder="Enter phone number" />
|
|
</div>
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Email Address</label>
|
|
<input class="form-control" type="text" placeholder="Enter email address" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Lead Source
|
|
<button class="btn btn-link p-0 ms-3"><span class="fa-solid fa-plus me-1"></span><span>Add new</span></button>
|
|
</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>Referrals</option>
|
|
<option>Former Clients</option>
|
|
<option>Competitors</option>
|
|
<option>Business & sales</option>
|
|
<option>Google resources</option>
|
|
<option>Linkedin</option>
|
|
<option>Marketing</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Campaign Source
|
|
<button class="btn btn-link p-0 ms-3"><span class="fa-solid fa-plus me-1"></span><span>Add new</span></button>
|
|
</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>Online Campaign</option>
|
|
<option>Offline Campaign</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="text-body-highlight fw-bold mb-2">Time Zone</label>
|
|
<select class="form-select">
|
|
<option>GMT-12:00 Etc/GMT-12</option>
|
|
<option>GMT-11:00 Etc/GMT-11</option>
|
|
<option>GMT-11:00 Pacific/Midway</option>
|
|
<option>GMT-10:00 America/Adak</option>
|
|
<option>GMT-09:00 America/Anchorage</option>
|
|
<option>GMT-09:00 Pacific/Gambier</option>
|
|
<option>GMT-08:00 America/Dawson_Creek</option>
|
|
<option>GMT-08:00 America/Ensenada</option>
|
|
<option>GMT-08:00 America/Los_Angeles</option>
|
|
<option>GMT-07:00 America/Chihuahua</option>
|
|
<option>GMT-07:00 America/Denver</option>
|
|
<option>GMT-06:00 America/Belize</option>
|
|
<option>GMT-06:00 America/Cancun</option>
|
|
<option>GMT-06:00 America/Chicago</option>
|
|
<option>GMT-06:00 Chile/EasterIsland</option>
|
|
<option>GMT-05:00 America/Bogota</option>
|
|
<option>GMT-05:00 America/Havana</option>
|
|
<option>GMT-05:00 America/New_York</option>
|
|
<option>GMT-04:30 America/Caracas</option>
|
|
<option>GMT-04:00 America/Campo_Grande</option>
|
|
<option>GMT-04:00 America/Glace_Bay</option>
|
|
<option>GMT-04:00 America/Goose_Bay</option>
|
|
<option>GMT-04:00 America/Santiago</option>
|
|
<option>GMT-04:00 America/La_Paz</option>
|
|
<option>GMT-03:00 America/Argentina/Buenos_Aires</option>
|
|
<option>GMT-03:00 America/Montevideo</option>
|
|
<option>GMT-03:00 America/Araguaina</option>
|
|
<option>GMT-03:00 America/Godthab</option>
|
|
<option>GMT-03:00 America/Miquelon</option>
|
|
<option>GMT-03:00 America/Sao_Paulo</option>
|
|
<option>GMT-03:30 America/St_Johns</option>
|
|
<option>GMT-02:00 America/Noronha</option>
|
|
<option>GMT-01:00 Atlantic/Cape_Verde</option>
|
|
<option>GMT Europe/Belfast</option>
|
|
<option>GMT Africa/Abidjan</option>
|
|
<option>GMT Europe/Dublin</option>
|
|
<option>GMT Europe/Lisbon</option>
|
|
<option>GMT Europe/London</option>
|
|
<option>UTC UTC</option>
|
|
<option>GMT+01:00 Africa/Algiers</option>
|
|
<option>GMT+01:00 Africa/Windhoek</option>
|
|
<option>GMT+01:00 Atlantic/Azores</option>
|
|
<option>GMT+01:00 Atlantic/Stanley</option>
|
|
<option>GMT+01:00 Europe/Amsterdam</option>
|
|
<option>GMT+01:00 Europe/Belgrade</option>
|
|
<option>GMT+01:00 Europe/Brussels</option>
|
|
<option>GMT+02:00 Africa/Cairo</option>
|
|
<option>GMT+02:00 Africa/Blantyre</option>
|
|
<option>GMT+02:00 Asia/Beirut</option>
|
|
<option>GMT+02:00 Asia/Damascus</option>
|
|
<option>GMT+02:00 Asia/Gaza</option>
|
|
<option>GMT+02:00 Asia/Jerusalem</option>
|
|
<option>GMT+03:00 Africa/Addis_Ababa</option>
|
|
<option>GMT+03:00 Asia/Riyadh89</option>
|
|
<option>GMT+03:00 Europe/Minsk</option>
|
|
<option>GMT+03:30 Asia/Tehran</option>
|
|
<option>GMT+04:00 Asia/Dubai</option>
|
|
<option>GMT+04:00 Asia/Yerevan</option>
|
|
<option>GMT+04:00 Europe/Moscow</option>
|
|
<option>GMT+04:30 Asia/Kabul</option>
|
|
<option>GMT+05:00 Asia/Tashkent</option>
|
|
<option>GMT+05:30 Asia/Kolkata</option>
|
|
<option>GMT+05:45 Asia/Katmandu</option>
|
|
<option>GMT+06:00 Asia/Dhaka</option>
|
|
<option>GMT+06:00 Asia/Yekaterinburg</option>
|
|
<option>GMT+06:30 Asia/Rangoon</option>
|
|
<option>GMT+07:00 Asia/Bangkok</option>
|
|
<option>GMT+07:00 Asia/Novosibirsk</option>
|
|
<option>GMT+08:00 Etc/GMT+8</option>
|
|
<option>GMT+08:00 Asia/Hong_Kong</option>
|
|
<option>GMT+08:00 Asia/Krasnoyarsk</option>
|
|
<option>GMT+08:00 Australia/Perth</option>
|
|
<option>GMT+08:45 Australia/Eucla</option>
|
|
<option>GMT+09:00 Asia/Irkutsk</option>
|
|
<option>GMT+09:00 Asia/Seoul</option>
|
|
<option>GMT+09:00 Asia/Tokyo</option>
|
|
<option>GMT+09:30 Australia/Adelaide</option>
|
|
<option>GMT+09:30 Australia/Darwin</option>
|
|
<option>GMT+09:30 Pacific/Marquesas</option>
|
|
<option>GMT+10:00 Etc/GMT+10</option>
|
|
<option>GMT+10:00 Australia/Brisbane</option>
|
|
<option>GMT+10:00 Australia/Hobart</option>
|
|
<option>GMT+10:00 Asia/Yakutsk</option>
|
|
<option>GMT+10:30 Australia/Lord_Howe</option>
|
|
<option>GMT+11:00 Asia/Vladivostok</option>
|
|
<option>GMT+11:30 Pacific/Norfolk</option>
|
|
<option>GMT+12:00 Etc/GMT+12</option>
|
|
<option>GMT+12:00 Asia/Anadyr</option>
|
|
<option>GMT+12:00 Asia/Magadan</option>
|
|
<option>GMT+12:00 Pacific/Auckland</option>
|
|
<option>GMT+12:45 Pacific/Chatham</option>
|
|
<option>GMT+13:00 Pacific/Tongatapu</option>
|
|
<option>GMT+14:00 Pacific/Kiritimati</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="row g-3">
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Create Date</label>
|
|
<input class="form-control datetimepicker" type="text" placeholder="dd / mm / yyyy" data-options='{"disableMobile":true}' />
|
|
</div>
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Start Time</label>
|
|
<input class="form-control datetimepicker" type="text" placeholder="H:i" data-options='{"enableTime":true,"noCalendar":true,"dateFormat":"H:i","disableMobile":true}' />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="row g-3">
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Closing Date</label>
|
|
<input class="form-control datetimepicker" type="text" placeholder="dd / mm / yyyy" data-options='{"disableMobile":true}' />
|
|
</div>
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Closing Time</label>
|
|
<input class="form-control datetimepicker" type="text" placeholder="H:i" data-options='{"enableTime":true,"noCalendar":true,"dateFormat":"H:i","disableMobile":true}' />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-3">
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Stage</label>
|
|
<select class="form-select">
|
|
<option>Select</option>
|
|
<option>New</option>
|
|
<option>In Progress</option>
|
|
<option>Pending</option>
|
|
<option>Canceled</option>
|
|
<option>Completed</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-6">
|
|
<label class="text-body-highlight fw-bold mb-2">Priority</label>
|
|
<select class="form-select">
|
|
<option>Urgent</option>
|
|
<option>High</option>
|
|
<option>Medium</option>
|
|
<option>Low</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer border-0 pt-6 px-0 pb-0">
|
|
<button class="btn btn-link text-danger px-3 my-0" data-bs-dismiss="modal" aria-label="Close">Cancel</button>
|
|
|
|
<button class="btn btn-primary my-0">Create Deal</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|