@extends('layouts.app')
@section('content')
<style>
.gmw-title{font-size:28px;color:#4b5563;font-weight:400;margin:0 0 24px 16px}.gmw-card{background:#fff;border-radius:9px;padding:14px 12px 18px}.gmw-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 20px}.gmw-entry{display:flex;gap:7px;align-items:center;font-size:13px}.gmw-entry select,.gmw-search{height:41px;border:1px solid #cfd3dd;border-radius:4px;padding:0 12px;background:#fff}.gmw-search{width:225px}.gmw-add{height:41px;display:inline-flex;align-items:center;padding:0 18px;background:#7060f4;color:#fff;border-radius:5px;text-decoration:none;font-weight:600}.gmw-table-wrap{overflow-x:auto}.gmw-table{width:100%;border-collapse:collapse;min-width:1050px}.gmw-table th{background:#f3f2f7;color:#67657a;font-size:13px;font-weight:500;text-align:left;padding:15px 8px}.gmw-table td{padding:13px 8px;border-bottom:1px solid #e7e6ec;color:#686676;font-size:14px}.gmw-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:12px;flex-wrap:wrap}.gmw-action{display:flex;gap:7px}.gmw-edit,.gmw-delete{border:0;border-radius:4px;padding:6px 9px;color:#fff;text-decoration:none;font-size:12px}.gmw-edit{background:#7060f4}.gmw-delete{background:#ef534f}.gmw-alert{padding:10px 12px;background:#ecfdf5;color:#065f46;border-radius:5px;margin-bottom:12px}
</style>
<h1 class="gmw-title">Wastes</h1>
<div class="gmw-card">@if(session('success'))<div class="gmw-alert">{{ session('success') }}</div>@endif
<form method="GET" class="gmw-toolbar"><div class="gmw-entry"><span>Entries</span><select name="per_page" onchange="this.form.submit()">@foreach([10,25,50,100] as $n)<option value="{{ $n }}" @selected((int)request('per_page',10)===$n)>{{ $n }}</option>@endforeach</select></div><input class="gmw-search" type="search" name="search" value="{{ request('search') }}" placeholder="⌕  Search Here" onchange="this.form.submit()"><a class="gmw-add" href="{{ route('gm-wastes.create') }}">Add Waste</a><div style="margin-left:auto">@include('custom-crud._export-menu',['module'=>'wastes'])</div></form>
<div class="gmw-table-wrap"><table class="gmw-table" id="gm-export-table"><thead><tr><th>SN</th><th>Reference No</th><th>Date</th><th>Total Loss</th><th>Ingredient Count</th><th>Responsible Person</th><th>Note</th><th>Added By</th><th>Actions</th></tr></thead><tbody>
@forelse($records as $record)<tr><td>{{ $records->firstItem()+$loop->index }}</td><td>{{ $record->reference_no }}</td><td>{{ $record->waste_date?->format('m/d/Y') }}</td><td>{{ number_format((float)$record->total_loss,2) }}</td><td>{{ $record->items_count }}</td><td>{{ $record->responsiblePerson?->name }}</td><td>{{ $record->note }}</td><td>{{ $record->creator?->name ?? 'Admin User' }}</td><td><div class="gmw-action"><a class="gmw-edit" href="{{ route('gm-wastes.edit',$record) }}">Edit</a><form method="POST" action="{{ route('gm-wastes.destroy',$record) }}" onsubmit="return confirm('Delete this waste?')">@csrf @method('DELETE')<button class="gmw-delete">Delete</button></form></div></td></tr>@empty<tr><td colspan="9">No data available in table</td></tr>@endforelse
</tbody></table></div><div class="gmw-bottom"><div>Showing {{ $records->count()?$records->firstItem():0 }} to {{ $records->count()?$records->lastItem():0 }} of {{ $records->total() }} entries</div><div>{{ $records->links() }}</div></div></div>
@endsection