@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Productions List</p>
	<ul>
		<li><a href="{{ route('productions.create') }}">{{ _('Add New') }}</a></li>
	</ul>
</div>
<div class="content">
	@include('components.notifications')

	<table class="table table-bordered">
		<thead>
			<tr>
				<th>#</th>
				<th>Production ID</th>
				<th>Reference No</th>
				<th>Start Date</th>
				<th>End Date</th>
				<th>Production Status</th>
				<th>Posting Status</th>
				<th>Approval Status</th>
				<th>Actions</th>
			</tr>
		</thead>
		<tbody>
			@forelse($productions as $production)
			<tr>
				<td>{{ $loop->iteration }}</td>
				<td>{{ $production->pro_gen_id }}</td>
				<td>{{ $production->ref_no }}</td>
				<td>{{ $production->start_date }}</td>
				<td>{{ $production->end_date }}</td>
				<td>{{ ucfirst($production->status) }}</td>
				<td>
					<form action="{{ route('productions.updatePostingStatus', $production->id) }}" method="POST" class="posting-form">
						@csrf
						<select name="posting_status" class="form-control form-control-sm posting-select {{ $production->posting_status }}" onchange="this.form.submit()">
							<option value="unposted" {{ $production->posting_status == 'unposted' ? 'selected' : '' }}>Unposted</option>
							<option value="posted" {{ $production->posting_status == 'posted' ? 'selected' : '' }}>Posted</option>
						</select>
					</form>
				</td>
				<td>
					<form action="{{ route('productions.updateApprovalStatus', $production->id) }}" method="POST" class="approval-form">
						@csrf
						<select name="approval_status" class="form-control form-control-sm approval-select {{ $production->approval_status }}" onchange="this.form.submit()">
							<option value="pending" {{ $production->approval_status == 'pending' ? 'selected' : '' }}>Pending</option>
							<option value="approved" {{ $production->approval_status == 'approved' ? 'selected' : '' }}>Approved</option>
							<option value="rejected" {{ $production->approval_status == 'rejected' ? 'selected' : '' }}>Rejected</option>
						</select>
					</form>
				</td>
				<td>
					<a href="{{ route('productions.show', $production->id) }}" class="btn btn-info btn-sm">
						<i class="fas fa-eye"></i>
					</a>
					<a href="{{ route('productions.edit', $production->id) }}" class="btn btn-warning btn-sm">
						<i class="fas fa-edit"></i>
					</a>
					<form action="{{ route('productions.destroy', $production->id) }}" method="POST" style="display:inline-block;">
						@csrf
						@method('DELETE')
						<button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">
							<i class="fas fa-trash"></i>
						</button>
					</form>

				</td>
			</tr>
			@empty
			<tr>
				<td colspan="8" class="text-center">No productions found.</td>
			</tr>
			@endforelse
		</tbody>
	</table>
</div>
@endsection