@extends('layouts.app')

@section('title', 'Issued Items List')

@section('content')
@include('components.notifications')

<div class="container-fluid">
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Stock Issued List</h3>
					<div class="card-tools">
						<a href="{{ route('productions.issue') }}" class="btn btn-success btn-sm">
							<i class="fa fa-plus"></i> Add New issue
						</a>
					</div>
				</div>
				<!-- /.card-header -->
				<div class="card-body">
					<table id="issuedItemsTable" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>#</th>
								<th>Transaction Date</th>
								<th>Production ID</th>
								<th>Warehouse</th>
								<th>Branch</th>
								<th>Total Quantity</th>
								<th>Total Amount</th>
								<th>Status</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($issue_transactions as $key => $item)
							<tr>
								<td>{{ $key + 1 }}</td>
								<td>{{ $item->transaction_date }}</td>
								<td>{{ $item->production->pro_gen_id }}</td>
								<td>{{ $item->warehouse->name ?? '-' }}</td>
								<td>{{ $item->branch->name ?? '-' }}</td>
								<td>{{ number_format($item->transaction_qty, 2) }}</td>
								<td>{{ number_format($item->transaction_value, 2) }}</td>
								<td>
									<span class="badge badge-{{ $item->posting_status == 'posted' ? 'success' : 'warning' }}">
										{{ ucfirst($item->posting_status) }}
									</span>
								</td>
								<td>
									<a href="{{ route('productions.view_issue', $item->id) }}" class="btn btn-info btn-sm" title="View">
										<i class="fa fa-eye"></i>
									</a>
									<a href="{{ route('productions.edit_issue', $item->id) }}" class="btn btn-warning btn-sm" title="Edit">
										<i class="fa fa-edit"></i>
									</a>
									<form action="{{ route('productions.delete_issue', $item->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this record?');">
										@csrf
										@method('DELETE')
										<button type="submit" class="btn btn-danger btn-sm" title="Delete">
											<i class="fa fa-trash"></i>
										</button>
									</form>
								</td>
							</tr>
							@endforeach
						</tbody>
						<tfoot>
							<tr>
								<th>#</th>
								<th>Transaction Date</th>
								<th>Production ID</th>
								<th>Warehouse</th>
								<th>Branch</th>
								<th>Total Quantity</th>
								<th>Total Amount</th>
								<th>Status</th>
								<th>Actions</th>
							</tr>
						</tfoot>
					</table>
				</div>
				<!-- /.card-body -->
			</div>
			<!-- /.card -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->
</div>
<!-- /.container-fluid -->
@endsection

@section('scripts')
<script>
	$(function() {
		$('#issuedItemsTable').DataTable({
			"responsive": true,
			"lengthChange": true,
			"autoWidth": false,
			"paging": true,
			"searching": true,
			"ordering": true,
			"info": true,
			"pageLength": 10,
			"columnDefs": [{
					"orderable": false,
					"targets": 8
				} // Disable sorting on the Actions column
			]
		});
	});
</script>
@endsection