-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontracts.php
147 lines (123 loc) · 4.36 KB
/
contracts.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<title>Contracts | Kaitaia Publishing Collective</title>
<?php include 'templates/head-meta.html'; ?>
<?php include 'templates/head-css.html'; ?>
<!-- required for pages with the login modal form -->
<link rel="stylesheet" href="login-modal.css">
<style>
body, html {
height: 100%;
font-family: "Inconsolata", sans-serif;
}
.menu {
display: none;
}
</style>
</head>
<body>
<?php
session_start();
?>
<!-- Nav Links (sit on top) -->
<?php include 'templates/nav.php'; ?>
<section class="w3-white w3-large px-48 pb-48">
<header class="w3-container mt-55" id="home">
<h1 class="w3-center">Draft or Send Contracts</h1>
<p class="w3-center w3-text-grey">Select a manuscript from the list below to manage its contract:</p>
</header>
<!-- Manuscripts Table -->
<div class="w3-responsive w3-margin-top w3-padding-bottom">
<table class="w3-table-all w3-hoverable">
<thead>
<tr class="w3-light-grey">
<th>...</th>
<th>Title</th>
<th>Author</th>
<th>Email</th>
<th>Date Received</th>
<th>Download</th>
</tr>
</thead>
<tbody>
<?php include 'templates/dummy-table-rows.php'; ?>
</tbody>
</table>
</div>
</section>
<!-- Contract Form -->
<section class="w3-light-grey w3-large px-64 pt-24 pb-48">
<div>
<form action="#" method="POST" enctype="multipart/form-data" class="w3-container w3-card w3-white w3-round w3-padding">
<h3>Selected: <b>The Great Adventure by John Doe</b></h3>
<!-- Display Estimates -->
<table class="w3-table w3-border-0">
<tr>
<td><b>Cost Estimation ($)</b></td>
<td>$ 10,000</td>
</tr>
<tr>
<td><b>Time to Print Estimate (weeks)</b></td>
<td>4</td>
</tr>
<tr>
<td><b>Estimated Printing Completion Date</b></td>
<td>2024-12-15</td>
</tr>
<tr>
<td><b>Estimated Book Launch Date</b></td>
<td>2024-01-20</td>
</tr>
<tr>
<td><b>Comments</b></td>
<td>I really like this one. Hope you approve. -Alan Bradley.<br>Give the author a 5% discount (he's a friend). -Maria</td>
</tr>
</table>
<br>
<!-- Contract File Upload -->
<label for="contract_upload" class="w3-text-dark-grey"><b>Contract File Upload</b></label>
<div class="w3-margin-bottom">
<input type="file" id="contract_upload" name="contract_upload" class="w3-input w3-border w3-round">
</div>
<!-- Internal Notes -->
<label for="internal_notes" class="w3-text-dark-grey"><b>Notes for Internal Use</b></label>
<textarea id="internal_notes" name="internal_notes" rows="4" class="w3-input w3-border w3-round w3-margin-bottom"
placeholder="Enter notes here..."></textarea>
<!-- Action Buttons -->
<div class="w3-row w3-margin-top">
<div class="w3-half">
<button type="submit" name="save" value="save" class="w3-button w3-blue w3-round w3-block">Save changes</button>
</div>
<div class="w3-half">
<button type="submit" name="send_to_author" value="send_to_author" class="w3-button w3-green w3-round w3-block">Send to Author</button>
</div>
</div>
</form>
</div>
</section>
<!-- Footer -->
<?php include 'templates/footer.php'; ?>
<!-- Including modals here, just before the end of the body -->
<?php include 'author-login.html'; ?>
<?php include 'staff-login.html'; ?>
<?php include 'staff-add.html'; ?>
<script>
// Tabbed Menu
function openMenu(evt, menuName) {
var i, x, tablinks;
x = document.getElementsByClassName("menu");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-dark-grey", "");
}
document.getElementById(menuName).style.display = "block";
evt.currentTarget.firstElementChild.className += " w3-dark-grey";
}
document.getElementById("myLink").click();
</script>
</body>
</html>