{% extends 'base_layout.html' %}

{% block content %}
<main>
	<div class="container-fluid px-4">
		<h1 class="mt-4">Uzņēmumu Pārvaldnieks</h1>
		<hr class="divider mb-5" />
		<div class="container-fluid" style="font-size: 20px;">
			<form method="POST" id="enterpriseSettings">
				{% csrf_token %}
				<div class="form-group row">
					<label for="enterprise_title" class="col-sm-2 col-form-label">Nosaukums:</label>
					<div class="col-sm-10">
						<input id="enterprise_title" name="enterprise_title" type="text" class="form-control" required="required" value="{{ enterprise.title }}">
					</div>
				</div>
				<div class="form-group row">
					<label for="enterprise_address" class="col-sm-2 col-form-label">Adrese:</label>
					<div class="col-sm-10">
						<input id="enterprise_address" name="enterprise_address" type="text" class="form-control" required="required" value="{{ enterprise.address }}">
					</div>
				</div>
				<div class="form-group row">
					<label for="enterprise_email" class="col-sm-2 col-form-label">Uzņēmuma e-pasts:</label>
					<div class="col-sm-10">
						<input id="enterprise_email" name="enterprise_email" type="text" class="form-control" required="required" value="{{ enterprise.email }}">
					</div>
				</div>
				<div class="form-group row">
					<div class="offset-sm-2 col-sm-10 mt-3">
						<button name="submit" type="submit" class="btn btn-outline-dark">Saglabāt</button>
					</div>
				</div>
			</form>
		</div>
		<!-- Button trigger modal -->
		<button type="button" class="btn btn-outline-dark mt-5" data-bs-toggle="modal" data-bs-target="#addWorkerModal">
			Pievienot darbinieku
		</button>

		<!-- Modal -->
		<div class="modal fade" id="addWorkerModal" tabindex="-1" aria-labelledby="addWorkerModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="addWorkerModalLabel">Pievienot darbinieku:</h5>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body">
						<form method="POST" id="addWorkerForm">
							{% csrf_token %}
							<div class="form-group row">
								<label for="worker_name" class="col-sm-2 col-form-label">Vārds:</label>
								<div class="col-8 mb-3">
									<input id="worker_name" name="worker_name" type="text" class="form-control" required="required">
								</div>
							</div>
							<div class="form-group row">
								<label for="worker_surname" class="col-sm-2 col-form-label">Uzvārds:</label>
								<div class="col-8 mb-3">
									<input id="worker_surname" name="worker_surname" type="text" class="form-control" required="required">
								</div>
							</div>
							<div class="form-group row">
								<label for="worker_email" class="col-sm-2 col-form-label">E-pasts:</label>
								<div class="col-8 mb-3">
									<input id="worker_email" name="worker_email" type="text" class="form-control" required="required">
								</div>
							</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Aizvērt</button>
						<button type="submit" class="btn btn-success">Nosūtīt uzaicinājumu</button>
					</div>
						</form>
				</div>
			</div>
		</div>
		<hr class="divider mt-5" />
		<h1 class="mt-4">Darbinieki:</h1>
		<div class="container-fluid mt-5">
			<table class="table table-striped">
				<thead>
					<tr>
						<th scope="col">Lietotājvārds</th>
						<th scope="col">E-pasts</th>
						<th scope="col">Aktivitātes</th>
					</tr>
				</thead>
				<tbody>
					{% for worker in workers %}
					<tr>
						<td>{{ worker.username }}
							{% if worker.is_active %}
							<span class="badge bg-success">Aktīvs</span>
							{% else %}
							<span class="badge bg-danger">Neaktīvs</span>
							{% endif %}

						</td>
						<td>{{ worker.email }}</td>
						<td>
							<form method="POST" id="changeStatus{{worker.id}}">
							{% csrf_token %}
							{% if worker.is_active %}
								<button class="btn btn-outline-dark">Izslēgt piekļuvi</button>
								<input type="hidden" name="id" value="{{ worker.id }}">
								<input type="hidden" name="status" value="0">
							{% else %}
								<button class="btn btn-outline-dark">Ieslēgt piekļuvi</button>
								<input type="hidden" name="id" value="{{ worker.id }}">
								<input type="hidden" name="status" value="1">
							{% endif %}
							</form>
						</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
		<hr class="divider mt-5" />
		<h1 class="mt-4">Nosūtītie uzaicinājumi: 
		<button class="btn btn-outline-dark" type="button" data-bs-toggle="collapse" data-bs-target="#invitationsTable" aria-expanded="false" aria-controls="invitationsTable">
				Rādīt/Paslēpt uzaicinājumus
		</button>
			</h1>
		<div class="container-fluid mt-5">
			<div class="collapse mt-3" id="invitationsTable">
				<table class="table table-striped">
					<thead>
						<tr>
							<th scope="col">Vārds</th>
							<th scope="col">Uzvārds</th>
							<th scope="col">E-pasts</th>
							<th scope="col">Atlikušais laiks</th>
							<th scope="col">Aktivitātes</th>
						</tr>
					</thead>
					<tbody>
						{% for invitation in invitations %}
						<tr>
							<td>{{ invitation.name }}</td>
							<td>{{ invitation.surname }}</td>
							<td>{{ invitation.email }}</td>
							<td>{{ invitation.time_left }}</td>
							<td>
								<form method="POST" id="cancelInvitation{{invitation.id}}">
									{% csrf_token %}
									<input type="hidden" name="id" value="{{ invitation.id }}">
									<button class="btn btn-outline-dark">Atcelt uzaicinājumu</button>
								</form>
							</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
</main>
{% endblock %}