@extends('layouts.app')
@section('title', 'Number Series')
@section('breadcrumbs')
<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li><li class="breadcrumb-item"><a href="#">Administration</a></li><li class="breadcrumb-item active">Number Series</li></ol></nav>
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">Number Series</h1><p class="text-muted mb-0">Manage auto-numbering sequences</p></div>
    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addSeriesModal"><i class="bi bi-plus-lg me-1"></i> New Series</button>
</div>
<div class="card border-0 shadow-sm">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="bg-light"><tr><th class="px-3 fw-semibold text-muted small">Module</th><th class="px-3 fw-semibold text-muted small">Series Name</th><th class="px-3 fw-semibold text-muted small">Prefix</th><th class="px-3 fw-semibold text-muted small text-end">Next Number</th><th class="px-3 fw-semibold text-muted small">Padding</th><th class="px-3 fw-semibold text-muted small">Format</th><th class="px-3 fw-semibold text-muted small text-end">Actions</th></tr></thead>
                <tbody>
                    @forelse($series ?? [] as $s)
                    <tr>
                        <td class="px-3"><span class="badge bg-primary-subtle text-primary">{{ ucfirst($s->module ?? '') }}</span></td>
                        <td class="px-3 fw-medium">{{ $s->name ?? 'N/A' }}</td>
                        <td class="px-3"><code>{{ $s->prefix ?? '' }}</code></td>
                        <td class="px-3 text-end fw-bold">{{ str_pad($s->next_number ?? 1, $s->padding ?? 5, '0', STR_PAD_LEFT) }}</td>
                        <td class="px-3">{{ $s->padding ?? 5 }} digits</td>
                        <td class="px-3"><small class="text-muted">{{ $s->prefix ?? '' }}{{ str_pad($s->next_number ?? 1, $s->padding ?? 5, '0', STR_PAD_LEFT) }}</small></td>
                        <td class="px-3 text-end"><button class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></button></td>
                    </tr>
                    @empty
                    <tr><td colspan="7" class="text-center py-5 text-muted">No number series configured</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="modal fade" id="addSeriesModal" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Add Number Series</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">
    <form><div class="mb-3"><label class="form-label">Module</label><select class="form-select" name="module"><option value="export">Export</option><option value="import">Import</option><option value="freight">Freight</option><option value="finance">Finance</option></select></div>
    <div class="mb-3"><label class="form-label">Series Name</label><input type="text" class="form-control" name="name" placeholder="e.g. Export Order"></div>
    <div class="mb-3"><label class="form-label">Prefix</label><input type="text" class="form-control" name="prefix" placeholder="e.g. EO-"></div>
    <div class="mb-3"><label class="form-label">Next Number</label><input type="number" class="form-control" name="next_number" value="1"></div>
    <div class="mb-3"><label class="form-label">Padding</label><input type="number" class="form-control" name="padding" value="5"></div></form>
</div><div class="modal-footer"><button class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button><button class="btn btn-primary">Save</button></div></div></div></div>
@endsection