@extends('layouts.app')
@section('title','New Supplier')
@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <h1 class="h4 fw-semibold mb-0"><i class="ti ti-plus me-2 text-primary"></i>New Supplier</h1>
    <a href="{{ route('suppliers.index') }}" class="btn btn-sm btn-outline-secondary"><i class="ti ti-arrow-left me-1"></i>Back</a>
</div>
@include('partials._alerts')
<div class="card border-0 shadow-sm" style="max-width:700px">
    <div class="card-body p-4">
        <form method="POST" action="{{ route('suppliers.store') }}" novalidate>
            @csrf
            <div class="row g-3">
                <div class="col-12"><label class="form-label fw-medium">Company Name <span class="text-danger">*</span></label><input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required maxlength="150" placeholder="e.g. Allergan Lanka (Pvt) Ltd">@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-12 col-md-6"><label class="form-label fw-medium">Contact Person</label><input type="text" name="contact_person" class="form-control" value="{{ old('contact_person') }}" maxlength="120"></div>
                <div class="col-12 col-md-6"><label class="form-label fw-medium">Phone</label><input type="text" name="phone" class="form-control" value="{{ old('phone') }}" maxlength="30" placeholder="+94 11 234 5678"></div>
                <div class="col-12 col-md-6"><label class="form-label fw-medium">Email</label><input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" maxlength="180">@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-12 col-md-6"><label class="form-label fw-medium">Payment Terms</label><input type="text" name="payment_terms" class="form-control" value="{{ old('payment_terms') }}" maxlength="100" placeholder="e.g. Net 30"></div>
                <div class="col-12"><label class="form-label fw-medium">Address</label><textarea name="address" class="form-control" rows="2">{{ old('address') }}</textarea></div>
                <div class="col-12"><label class="form-label fw-medium">Notes</label><textarea name="notes" class="form-control" rows="2" placeholder="Internal notes about this supplier…">{{ old('notes') }}</textarea></div>
            </div>
            <div class="d-flex gap-2 mt-4">
                <button type="submit" class="btn btn-primary"><i class="ti ti-device-floppy me-1"></i>Create Supplier</button>
                <a href="{{ route('suppliers.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection