@extends('layouts.app')
@section('content')
<style>
.gmp-title{font-size:28px;color:#4b5563;font-weight:400;margin:0 0 24px 16px}.gmp-card{background:#fff;border-radius:9px;padding:14px 20px 18px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.gmp-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 20px}.gmp-entry{display:flex;gap:7px;align-items:center;font-size:13px;color:#555}.gmp-entry select,.gmp-search{height:41px;border:1px solid #cfd3dd;border-radius:4px;background:#fff;padding:0 12px}.gmp-search{width:250px}.gmp-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}.gmp-table-wrap{overflow-x:auto}.gmp-table{width:100%;border-collapse:collapse;min-width:1000px}.gmp-table th{background:#f3f2f7;color:#67657a;font-size:13px;font-weight:500;text-align:left;padding:15px 8px}.gmp-table td{padding:13px 8px;border-bottom:1px solid #e7e6ec;color:#686676;font-size:14px;vertical-align:top}.gmp-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.gmp-action{display:flex;gap:7px}.gmp-edit,.gmp-delete{border:0;border-radius:4px;padding:6px 9px;color:#fff;text-decoration:none;font-size:12px;cursor:pointer}.gmp-edit{background:#7060f4}.gmp-delete{background:#ef534f}.gmp-alert{padding:10px 12px;border-radius:5px;margin-bottom:12px}.gmp-ok{background:#ecfdf5;color:#065f46}.gmp-err{background:#fef2f2;color:#991b1b}
</style>
<h1 class="gmp-title">Suppliers</h1>
<div class="gmp-card">
@if(session('success'))<div class="gmp-alert gmp-ok">{{ session('success') }}</div>@endif
@if(session('error'))<div class="gmp-alert gmp-err">{{ session('error') }}</div>@endif
<form method="GET" action="{{ route('gm-suppliers.index') }}" class="gmp-toolbar">
 <div class="gmp-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="gmp-search" type="search" name="search" value="{{ request('search') }}" placeholder="⌕  Search Here" onchange="this.form.submit()">
 <a class="gmp-add" href="{{ route('gm-suppliers.create') }}">Add Supplier</a>
 <div style="margin-left:auto">@include('custom-crud._export-menu',['module'=>'suppliers'])</div>
</form>
<div class="gmp-table-wrap"><table class="gmp-table" id="gm-export-table"><thead><tr><th>SN</th><th>Name</th><th>Contact Person</th><th>Phone</th><th>Email</th><th>Address</th><th>Description</th><th>Added By</th><th>Actions</th></tr></thead><tbody>
@forelse($records as $record)<tr><td>{{ $records->firstItem()+$loop->index }}</td><td>{{ $record->name }}</td><td>{{ $record->contact_person }}</td><td>{{ $record->phone }}</td><td>{{ $record->email }}</td><td>{{ $record->address }}</td><td>{{ $record->description }}</td><td>{{ $record->creator?->name ?? 'Admin User' }}</td><td><div class="gmp-action"><a class="gmp-edit" href="{{ route('gm-suppliers.edit',$record) }}">Edit</a><form method="POST" action="{{ route('gm-suppliers.destroy',$record) }}" onsubmit="return confirm('Delete this supplier?')">@csrf @method('DELETE')<button class="gmp-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="gmp-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