83 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>订单详情</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/order.css') }}">
</head>
<body>
<header>
<div class="header-content">
<div class="logo">KJF航班订票</div>
<div class="nav-buttons">
<a href="{{ url_for('index') }}">首页</a>
<a href="{{ url_for('order_list') }}">我的订单</a>
</div>
<div class="user-menu">
<span>{{ username }}</span>
<div class="dropdown">
<button class="dropbtn"></button>
<div class="dropdown-content">
<a href="{{ url_for('modify') }}">修改账户信息</a>
<a href="{{ url_for('logout') }}">退出登录</a>
</div>
</div>
</div>
</div>
</header>
<main>
<button onclick="location.href='{{ url_for('order_list') }}'" class="back-btn">返回订单列表</button>
<h2>订单详情</h2>
<div class="order-info">
<h3>航班信息</h3>
<p>航班号: {{ order.FlightID }}</p>
<p>航空公司: {{ order.Airline }}</p>
<p>出发机场: {{ order.Departure_airport_name }}</p>
<p>到达机场: {{ order.Arrival_airport_name }}</p>
<p>出发时间: {{ order.Departure_time }}</p>
<p>状态: {{ order.Status }}</p>
</div>
<div class="passenger-info">
<h3>乘机人信息</h3>
<table>
<thead>
<tr>
<th>身份证号</th>
<th>姓名</th>
<th>手机号</th>
<th>座位级别</th>
<th>票价</th>
</tr>
</thead>
<tbody>
{% for ticket in tickets %}
<tr>
<td>{{ ticket.PassengerID }}</td>
<td>{{ ticket.Name }}</td>
<td>{{ ticket.Phone_number }}</td>
<td>{{ ticket.Seat_class }}</td>
<td>{{ ticket.Price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="order-summary">
<p>订单总价: {{ total_price }}</p>
<p>支付状态: {% if order.Paid %}已支付{% else %}未支付{% endif %}</p>
</div>
<form method="post" action="{{ url_for('cancel_order', order_id=order.ID) }}">
<button type="submit" class="btn cancel-btn">取消订单</button>
</form>
{% if not order.Paid %}
<form method="post" action="{{ url_for('pay_confirm', order_id=order.ID) }}">
<button type="submit" class="btn pay-btn">支付订单</button>
</form>
{% endif %}
</main>
<footer>
<p>&copy; 2024 KJF航班订票. 保留所有权利。</p>
</footer>
</body>
</html>