source: StockMaster/Views/Sale/Details.cshtml

main
Last change on this file was dfe03b8, checked in by Ceyda <ceyda.huseini@…>, 3 days ago

Initialize StockMaster project
  • Property mode set to 100644
File size: 8.8 KB
RevLine 
[dfe03b8]1@model StockMaster.Models.Sale
2@{
3 ViewData["Title"] = "Sale Details";
4}
5
6<div class="row mb-4">
7 <div class="col-12">
8 <h2><i class="fas fa-shopping-cart"></i> Sale Details</h2>
9 <nav aria-label="breadcrumb">
10 <ol class="breadcrumb">
11 <li class="breadcrumb-item"><a href="/">Home</a></li>
12 <li class="breadcrumb-item"><a href="/Sale/Index">Sales</a></li>
13 <li class="breadcrumb-item active">Sale #@Model.SaleId</li>
14 </ol>
15 </nav>
16 </div>
17</div>
18
19<div class="row">
20
21 <div class="col-md-8">
22
23 <div class="card mb-4">
24 <div class="card-header">
25 <i class="fas fa-info-circle"></i> General Information
26 </div>
27 <div class="card-body">
28 <div class="row mb-3">
29 <div class="col-md-6">
30 <label class="text-muted small mb-1">Sale Number</label>
31 <h5><strong>#@Model.SaleId</strong></h5>
32 </div>
33 <div class="col-md-6">
34 <label class="text-muted small mb-1">Date & Time</label>
35 <h5>
36 <i class="fas fa-calendar me-2"></i>
37 @Model.DateTime.ToString("dd.MM.yyyy HH:mm")
38 </h5>
39 </div>
40 </div>
41
42 <div class="row">
43 <div class="col-md-6">
44 <label class="text-muted small mb-1">Warehouse</label>
45 <h5>
46 <i class="fas fa-warehouse me-2"></i>
47 @Model.Warehouse.Name
48 </h5>
49 <small class="text-muted">@Model.Warehouse.Location</small>
50 </div>
51 <div class="col-md-6">
52 <label class="text-muted small mb-1">Salesperson</label>
53 <h5>
54 @if (Model.User != null)
55 {
56 <span class="badge bg-info text-dark">
57 <i class="fas fa-user-tag me-1"></i> @Model.User.FullName
58 </span>
59 }
60 else
61 {
62 <span class="text-muted">Unknown</span>
63 }
64 </h5>
65 </div>
66 </div>
67 </div>
68 </div>
69
70
71 <div class="card">
72 <div class="card-header">
73 <i class="fas fa-list"></i> Sale Items
74 </div>
75 <div class="card-body">
76 <div class="table-responsive">
77 <table class="table table-bordered table-hover">
78 <thead class="table-light">
79 <tr>
80 <th>Product</th>
81 <th class="text-center">Quantity</th>
82 <th class="text-end">Unit Price</th>
83 <th class="text-end">Total</th>
84 </tr>
85 </thead>
86 <tbody>
87 @foreach (var item in Model.SaleItems)
88 {
89 <tr>
90 <td>
91 <strong>@item.Product.Name</strong>
92 <br>
93 <small class="text-muted">SKU: @item.Product.Sku</small>
94 </td>
95 <td class="text-center">
96 <span class="badge bg-primary">@item.Quantity</span>
97 </td>
98 <td class="text-end">
99 @item.UnitPriceAtSale.ToString("N2") MKD
100 </td>
101 <td class="text-end">
102 <strong>@((item.Quantity * item.UnitPriceAtSale).ToString("N2")) MKD</strong>
103 </td>
104 </tr>
105 }
106 </tbody>
107 <tfoot>
108 <tr class="table-light">
109 <td colspan="3" class="text-end">
110 <strong>TOTAL AMOUNT:</strong>
111 </td>
112 <td class="text-end">
113 <h5 class="mb-0 text-success">
114 <strong>@Model.TotalAmount.ToString("N2") MKD</strong>
115 </h5>
116 </td>
117 </tr>
118 </tfoot>
119 </table>
120 </div>
121 </div>
122 </div>
123 </div>
124
125
126 <div class="col-md-4">
127
128 <div class="card mb-3">
129 <div class="card-header">
130 <i class="fas fa-calculator"></i> Summary
131 </div>
132 <div class="card-body">
133 <div class="d-flex justify-content-between mb-2">
134 <span>Items Count:</span>
135 <strong>@Model.SaleItems.Count</strong>
136 </div>
137 <div class="d-flex justify-content-between mb-2">
138 <span>Total Quantity:</span>
139 <strong>@Model.SaleItems.Sum(i => i.Quantity)</strong>
140 </div>
141 <hr>
142 <div class="d-flex justify-content-between align-items-center">
143 <h5>Total:</h5>
144 <h4 class="text-success mb-0">
145 <strong>@Model.TotalAmount.ToString("N2") MKD</strong>
146 </h4>
147 </div>
148 </div>
149 </div>
150
151
152 <div class="card mb-3">
153 <div class="card-header">
154 <i class="fas fa-user"></i> Customer Information
155 </div>
156 <div class="card-body">
157 @if (Model.Customer != null)
158 {
159 <div class="mb-3">
160 <h5 class="card-title">@Model.Customer.Name</h5>
161 <p class="card-text text-muted mb-1">
162 <i class="fas fa-envelope me-2"></i> @Model.Customer.Email
163 </p>
164 <p class="card-text text-muted mb-1">
165 <i class="fas fa-phone me-2"></i> @Model.Customer.Phone
166 </p>
167 <p class="card-text text-muted">
168 <i class="fas fa-map-marker-alt me-2"></i> @Model.Customer.Address
169 </p>
170 </div>
171 <div class="d-grid">
172 <a href="mailto:@Model.Customer.Email" class="btn btn-outline-primary btn-sm">
173 <i class="fas fa-envelope"></i> Send Email
174 </a>
175 </div>
176 }
177 else
178 {
179 <div class="text-center py-3 text-muted">
180 <i class="fas fa-user-slash fa-2x mb-2"></i>
181 <p>Walk-in Customer<br>(No customer selected)</p>
182 </div>
183 }
184 </div>
185 </div>
186
187
188 <div class="card">
189 <div class="card-header">
190 <i class="fas fa-tools"></i> Actions
191 </div>
192 <div class="card-body">
193 <div class="d-grid gap-2">
194 <button class="btn btn-primary btn-lg" onclick="window.print()">
195 <i class="fas fa-print"></i> Print Invoice
196 </button>
197 <a href="/Sale/Index" class="btn btn-secondary">
198 <i class="fas fa-arrow-left"></i> Back to List
199 </a>
200 </div>
201 </div>
202 </div>
203 </div>
204</div>
205
206@section Styles {
207 <style>
208 @@media print {
209 .navbar, .breadcrumb, .card:last-child, button, a.btn {
210 display: none !important;
211 }
212
213 .card {
214 border: 1px solid #ddd !important;
215 box-shadow: none !important;
216 margin-bottom: 20px !important;
217 }
218
219 .card-header {
220 background-color: #f8f9fa !important;
221 color: black !important;
222 border-bottom: 1px solid #ddd !important;
223 }
224
225 body {
226 background-color: white !important;
227 }
228 }
229 </style>
230}
Note: See TracBrowser for help on using the repository browser.