<%{
deal_id = input.Dealid;
rec_id = input.scenario_id;
Field_list = list();
itmrfq = ITEM_RFQ[Deal_ID.Deal_ID1 == deal_id];
for each line_data in rec_id.toList(",")
{
Field_list.add(line_data);
}
// // Completed********************************************
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quotation Comparison</title>
<style>
/* Basic Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
display: flex;
// flex-direction: column;
// align-items: center;
justify-content: flex-start;
}
header {
background-color: #004b87;
color: white;
padding: 15px;
text-align: center;
width: 100%;
}
header h1 {
margin: 0;
font-size: 28px;
}
.scenario-selection {
padding: 15px;
text-align: center;
}
.comparison-dashboard {
display: flex;
justify-content: space-around;
margin-top: 20px;
padding: 10px;
}
.scenario {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 30%;
}
h3 {
text-align: center;
}
.key-data table {
width: 100%;
margin-top: 15px;
border-collapse: collapse;
}
.key-data th, .key-data td {
padding: 8px;
border: 1px solid #ddd;
text-align: left;
}
.actions {
text-align: center;
margin-top: 20px;
}
.actions button {
padding: 10px 20px;
font-size: 16px;
margin: 10px;
background-color: #004b87;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.actions button:hover {
background-color: #003366;
}
/* Modal Styles */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background-color: white;
margin: 15% auto;
padding: 20px;
border-radius: 8px;
width: 40%;
}
.close {
color: #aaa;
font-size: 28px;
font-weight: bold;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.tr
{
border :1px solid black;
border-collapse : collapse;
font-size : 10.5px;
height : 2px;
}
.td
{
border :1px solid black;
border-collapse : collapse;
font-size : 12px;
height : 2px;
}
.th
{
border :1px solid black;
border-collapse : collapse;
font-size : 10.5px;
height : 2px;
background-color : lightsteelblue;
}
</style>
</head>
<div class="comparison-dashboard">
<%
// ***************************************
for each line_data in rec_id.toList(",")
{
fetch_scenario_Data = Scenario[ID == line_data];
deal = fetch_scenario_Data.Deal;
fet = Deal[ID == deal];
if(fetch_scenario_Data.count() > 0)
{
data_map = Map();
for each line_Data in fetch_scenario_Data.Services
{
logistic_price = line_Data.Logistic_Price;
if(logistic_price != null)
{
data_map.put("logistic_price",line_Data.Logistic_Price);
}
Supplier_Price = line_Data.Supplier_Price;
if(Supplier_Price != null)
{
data_map.put("Supplier_Price",line_Data.Supplier_Price);
}
Target_Price = line_Data.Target_Price;
if(Target_Price != null)
{
data_map.put("Target_Price",line_Data.Target_Price);
}
qty = line_Data.Qt_Quintal;
if(qty != null)
{
data_map.put("qty",line_Data.Qt_Quintal);
}
Lab_Chargers = line_Data.Lab_Chargers;
if(Lab_Chargers != null)
{
data_map.put("Lab_Chargers",line_Data.Lab_Chargers);
}
Branding_Quality_Charges = fetch_scenario_Data.Quality_Price;
if(Branding_Quality_Charges != null)
{
data_map.put("Branding_Quality_Charges",fetch_scenario_Data.Quality_Price);
}
Selling_Price = fetch_scenario_Data.Selling_Price;
if(Selling_Price != null)
{
data_map.put("Selling_Price",fetch_scenario_Data.Selling_Price);
}
Total_Cost = fetch_scenario_Data.Total_Cost1;
if(Total_Cost != null)
{
data_map.put("Total_Cost",fetch_scenario_Data.Total_Cost1);
}
mois_percentage = fet.MOIS;
if(mois_percentage != null)
{
data_map.put("mois_percentage",itmrfq.MOIS_Vendor);
}
length = fet.Length_field;
if(length != null)
{
data_map.put("length",itmrfq.Length_Vendor);
}
trash = fet.Trash;
if(length != null)
{
data_map.put("trash",itmrfq.Trash_Vendor);
}
rd = fet.RD;
if(rd != null)
{
data_map.put("rd",itmrfq.RD_Vendor);
}
mic = fet.MIC;
if(mic != null)
{
data_map.put("mic",itmrfq.MIC_Vendor);
}
brokerage_per_bale = fetch_scenario_Data.Brokerage1.Brokerage_Value;
if(brokerage_per_bale != null)
{
data_map.put("brokerage_per_bale",fetch_scenario_Data.Brokerage1.Brokerage_Value);
}
}
data_map.put("Item_name",line_Data.Item_Name.Item_Name);
}
// Fetch Data Goes Here
// ***********************************
%>
<div class="scenario" id="scenarioB">
<h3><%=fetch_scenario_Data.Scenario_ID%></h3>
<div class="key-data">
<table>
<!-- <tr><th>Item</th><td><%=ifnull(data_map.get("Item_name"),"Name Empty")%></td></tr>-->
<!-- <tr><th>Quantity</th><td><%=ifnull(data_map.get("qty"),0)%></td></tr>-->
<!-- <tr><th>Target Price</th><td><%=ifnull(data_map.get("Target_Price"),0)%></td></tr>-->
<tr><th>Purchase price </th><td><%=ifnull(data_map.get("Supplier_Price"),0)%></td></tr>
<tr><th> Freight </th><td><%=ifnull(data_map.get("logistic_price"),0)%></td></tr>
<tr><th>3rd Party Services</th><td><%=ifnull(data_map.get("Lab_Chargers"),0)%></td></tr>
<tr><th>Branding / Quality Charges</th><td><%=ifnull(data_map.get("Branding_Quality_Charges"),0)%></td></tr>
<tr><th>Selling Price </th><td><%=ifnull(data_map.get("Selling_Price"),0)%></td></tr>
<tr><th>Total Cost</th><td><%=ifnull(data_map.get("Total_Cost"),0)%></td></tr>
<tr><th>Brokerage </th><td><%=ifnull(data_map.get("brokerage_per_bale"),0)%></td></tr>
<!-- <tr><th>No. of Bales</th><td><%=ifnull(data_map.get("num_bales"),0)%></td></tr>-->
<tr><th>MOIS %</th><td><%=ifnull(data_map.get("mois_percentage"),0)%></td></tr>
<tr><th>Length</th><td><%=ifnull(data_map.get("length"),"Not Provided")%></td></tr>
<tr><th>Trash</th><td><%=ifnull(data_map.get("trash"),0)%></td></tr>
<tr><th>RD</th><td><%=ifnull(data_map.get("rd"),"Not Provided")%></td></tr>
<tr><th>MIC</th><td><%=ifnull(data_map.get("mic"),"Not Provided")%></td></tr>
<!-- <tr><th>Total Cost</th><td><%=ifnull(fetch_scenario_Data.Total_Cost1,0)%></td></tr>-->
<tr><th>Delivery Time</th><td>12 days</td></tr>
</table>
</div>
</div>
<%
}
// ***************************************
fetch_scenario_Data = Scenario[ID == line_data];
deal = fetch_scenario_Data.Deal;
fet = Deal[ID == deal];
if(fetch_scenario_Data.count() > 0)
{
data_map1 = Map();
for each line_Data in fetch_scenario_Data.Services
{
mois_percentage = fet.MOIS;
if(mois_percentage != null)
{
data_map1.put("mois_percentage",itmrfq.MOIS_Vendor);
}
length = fet.Length_field;
if(length != null)
{
data_map1.put("length",itmrfq.Length_Vendor);
}
trash = fet.Trash;
if(length != null)
{
data_map1.put("trash",itmrfq.Trash_Vendor);
}
rd = fet.RD;
if(rd != null)
{
data_map1.put("rd",itmrfq.RD_Vendor);
}
mic = fet.MIC;
if(mic != null)
{
data_map1.put("mic",itmrfq.MIC_Vendor);
}
brokerage_per_bale = fetch_scenario_Data.Brokerage_Value12;
if(brokerage_per_bale != null)
{
data_map1.put("brokerage_per_bale",fetch_scenario_Data.Brokerage_Value12);
}
}
data_map1.put("Item_name",line_Data.Item_Name.Item_Name);
// Fetch Data Goes Here
// ***********************************
%>
<div class="scenario" id="scenarioB">
<h3>Requested</h3>
<div class="key-data">
<table>
<!-- <tr><th>Item</th><td><%=ifnull(data_map1.get("Item_name"),"Name Empty")%></td></tr>-->
<!-- <tr><th>Quantity</th><td><%=ifnull(data_map1.get("qty"),0)%></td></tr>-->
<!-- <tr><th>Target Price</th><td><%=ifnull(data_map1.get("Target_Price"),0)%></td></tr>-->
<tr><th>Item</th><td><%=ifnull(data_map1.get("Item_name"),"Name Empty")%></td></tr>
<tr><th>MOIS %</th><td><%=ifnull(data_map1.get("mois_percentage"),0)%></td></tr>
<tr><th>Length</th><td><%=ifnull(data_map1.get("length"),"Not Provided")%></td></tr>
<tr><th>Trash</th><td><%=ifnull(data_map1.get("trash"),0)%></td></tr>
<tr><th>RD</th><td><%=ifnull(data_map1.get("rd"),"Not Provided")%></td></tr>
<tr><th>MIC</th><td><%=ifnull(data_map1.get("mic"),"Not Provided")%></td></tr>
<!-- <tr><th>Total Cost</th><td><%=ifnull(fetch_scenario_Data.Total_Cost1,0)%></td></tr>-->
<tr><th>Delivery Time</th><td>12 days</td></tr>
</table>
</div>
</div>
<%
}
%>
</tr>
<!-- Scenario 1 -->
<!-- Scenario 2 -->
<!-- Scenario 3 -->
</div>
<!-- Actions -->
<!-- <div class="actions"> -->
<!-- <button onclick="selectScenario()">Select Scenario</button-->
<!-- <button onclick="editScenario()">Edit Scenario</button-->
<!-- <button onclick="saveComparison()">Save Comparison</button-->
<!-- <button onclick="finalizeDeal()">Generate Final Deal</button-->
</div>
<!-- Scenario Creation Modal (Hidden) -->
<%
}%>