@extends('layouts.admin')
@section('title', 'Suppliers')
@section('content')
<div class="tw-migrated space-y-4">
    <x-ui.page-header title="Suppliers">
        <x-slot:actions>
            <x-ui.button href="{{ route('admin.purchase-orders.create') }}">
                <i class="bi bi-receipt"></i> Create PO
            </x-ui.button>
        </x-slot:actions>
    </x-ui.page-header>

    @if(session('success'))
        <x-ui.alert type="success">{{ session('success') }}</x-ui.alert>
    @endif
    @if($errors->any())
        <x-ui.alert type="danger">
            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </x-ui.alert>
    @endif

    <div class="grid gap-4 lg:grid-cols-12">
        <div class="lg:col-span-4">
            <x-ui.card title="Add Supplier">
                <form method="post" action="{{ route('admin.suppliers.store') }}">
                    @csrf
                    <div class="mb-2"><label class="admin-form-label">Name *</label><input name="name" class="form-control admin-form-control" required value="{{ old('name') }}"></div>
                    <div class="mb-2"><label class="admin-form-label">Code</label><input name="code" class="form-control admin-form-control" value="{{ old('code') }}"></div>
                    <div class="mb-2"><label class="admin-form-label">Contact</label><input name="contact_name" class="form-control admin-form-control" value="{{ old('contact_name') }}"></div>
                    <div class="mb-2">
                        <label for="phone" class="admin-form-label">Phone <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <span class="input-group-text">+91</span>
                            <input type="text" name="phone" id="phone"
                                   class="form-control admin-form-control @error('phone') is-invalid @enderror"
                                   value="{{ old('phone') ? preg_replace('/^\+91/', '', old('phone')) : '' }}"
                                   placeholder="9876543210" maxlength="10" pattern="[6-9]\d{9}" required>
                        </div>
                        @error('phone')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-2"><label class="admin-form-label">Email</label><input name="email" type="email" class="form-control admin-form-control" value="{{ old('email') }}"></div>
                    <div class="mb-2"><label class="admin-form-label">GSTIN</label><input name="gstin" class="form-control admin-form-control" value="{{ old('gstin') }}"></div>
                    <div class="mb-3"><label class="admin-form-label">Address</label><textarea name="address" class="form-control admin-form-control" rows="2">{{ old('address') }}</textarea></div>
                    <button type="submit" class="tw-btn-primary w-100">Save Supplier</button>
                </form>
            </x-ui.card>
        </div>
        <div class="lg:col-span-8">
            <x-ui.card>
                <x-ui.table>
                    <x-slot:thead>
                        <tr>
                            <th>Name</th>
                            <th>Code</th>
                            <th>Phone</th>
                            <th>Email</th>
                            <th>GSTIN</th>
                            <th>Status</th>
                        </tr>
                    </x-slot:thead>
                    @forelse($suppliers as $s)
                    <tr>
                        <td>
                            <strong>{{ $s->name }}</strong>
                            <div class="small text-muted">{{ $s->contact_name }}</div>
                        </td>
                        <td>{{ $s->code ?? '—' }}</td>
                        <td>{{ $s->phone ?? '—' }}</td>
                        <td>{{ $s->email ?? '—' }}</td>
                        <td>{{ $s->gstin ?? '—' }}</td>
                        <td>
                            <x-ui.badge :variant="$s->is_active ? 'success' : 'secondary'">
                                {{ $s->is_active ? 'Active' : 'Off' }}
                            </x-ui.badge>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-muted">No suppliers yet.</td></tr>
                    @endforelse
                </x-ui.table>
                {{ $suppliers->links() }}
            </x-ui.card>
        </div>
    </div>
</div>
@endsection