@csrf

<div class="row g-4">
    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header bg-primary bg-opacity-10">
                <h6 class="card-title mb-0"><i class="ri-building-line me-2"></i>Basic Information</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Supplier Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $supplier->name ?? '') }}" required placeholder="Enter supplier name">
                        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Supplier Code <span class="text-danger">*</span></label>
                        <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $supplier->code ?? '') }}" required placeholder="Auto-generated or custom">
                        @error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Supplier Group <span class="text-danger">*</span></label>
                        <select name="supplier_group_id" class="form-select select2 @error('supplier_group_id') is-invalid @enderror" required>
                            <option value="">Select Group</option>
                            @foreach($supplierGroups as $group)
                                <option value="{{ $group->id }}" {{ old('supplier_group_id', $supplier->supplier_group_id ?? '') == $group->id ? 'selected' : '' }}>{{ $group->name }}</option>
                            @endforeach
                        </select>
                        @error('supplier_group_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-select @error('status') is-invalid @enderror">
                            <option value="active" {{ old('status', $supplier->status ?? 'active') == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="inactive" {{ old('status', $supplier->status ?? '') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                        </select>
                        @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Contact Person</label>
                        <input type="text" name="contact_person" class="form-control @error('contact_person') is-invalid @enderror" value="{{ old('contact_person', $supplier->contact_person ?? '') }}" placeholder="Contact person name">
                        @error('contact_person') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Website</label>
                        <input type="url" name="website" class="form-control @error('website') is-invalid @enderror" value="{{ old('website', $supplier->website ?? '') }}" placeholder="https://example.com">
                        @error('website') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header bg-success bg-opacity-10">
                <h6 class="card-title mb-0"><i class="ri-file-list-3-line me-2"></i>Tax Information</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label">GSTIN</label>
                        <input type="text" name="gstin" class="form-control @error('gstin') is-invalid @enderror" value="{{ old('gstin', $supplier->gstin ?? '') }}" placeholder="22AAAAA0000A1Z5" maxlength="15">
                        @error('gstin') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">PAN</label>
                        <input type="text" name="pan" class="form-control @error('pan') is-invalid @enderror" value="{{ old('pan', $supplier->pan ?? '') }}" placeholder="AAAAA0000A" maxlength="10">
                        @error('pan') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">IEC (Import Export Code)</label>
                        <input type="text" name="iec" class="form-control @error('iec') is-invalid @enderror" value="{{ old('iec', $supplier->iec ?? '') }}" placeholder="Enter IEC" maxlength="10">
                        @error('iec') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Tax Type</label>
                        <select name="tax_type" class="form-select @error('tax_type') is-invalid @enderror">
                            <option value="taxable" {{ old('tax_type', $supplier->tax_type ?? 'taxable') == 'taxable' ? 'selected' : '' }}>Taxable</option>
                            <option value="exempt" {{ old('tax_type', $supplier->tax_type ?? '') == 'exempt' ? 'selected' : '' }}>Exempt</option>
                        </select>
                        @error('tax_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header bg-info bg-opacity-10">
                <h6 class="card-title mb-0"><i class="ri-map-pin-line me-2"></i>Contact Information</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Address Line 1 <span class="text-danger">*</span></label>
                        <input type="text" name="address_line1" class="form-control @error('address_line1') is-invalid @enderror" value="{{ old('address_line1', $supplier->address_line1 ?? '') }}" required placeholder="Street address">
                        @error('address_line1') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Address Line 2</label>
                        <input type="text" name="address_line2" class="form-control @error('address_line2') is-invalid @enderror" value="{{ old('address_line2', $supplier->address_line2 ?? '') }}" placeholder="Suite, unit, building">
                        @error('address_line2') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Country <span class="text-danger">*</span></label>
                        <select name="country_id" class="form-select select2 @error('country_id') is-invalid @enderror" required>
                            <option value="">Select Country</option>
                            @foreach($countries as $country)
                                <option value="{{ $country->id }}" {{ old('country_id', $supplier->country_id ?? '') == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                            @endforeach
                        </select>
                        @error('country_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">State <span class="text-danger">*</span></label>
                        <select name="state_id" class="form-select select2 @error('state_id') is-invalid @enderror" required>
                            <option value="">Select State</option>
                            @foreach($states as $state)
                                <option value="{{ $state->id }}" {{ old('state_id', $supplier->state_id ?? '') == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                            @endforeach
                        </select>
                        @error('state_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">City <span class="text-danger">*</span></label>
                        <select name="city_id" class="form-select select2 @error('city_id') is-invalid @enderror" required>
                            <option value="">Select City</option>
                            @foreach($cities as $city)
                                <option value="{{ $city->id }}" {{ old('city_id', $supplier->city_id ?? '') == $city->id ? 'selected' : '' }}>{{ $city->name }}</option>
                            @endforeach
                        </select>
                        @error('city_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Postal Code</label>
                        <input type="text" name="postal_code" class="form-control @error('postal_code') is-invalid @enderror" value="{{ old('postal_code', $supplier->postal_code ?? '') }}" placeholder="ZIP/Postal code">
                        @error('postal_code') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Phone <span class="text-danger">*</span></label>
                        <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $supplier->phone ?? '') }}" required placeholder="+91 XXXXX XXXXX">
                        @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Email <span class="text-danger">*</span></label>
                        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $supplier->email ?? '') }}" required placeholder="email@example.com">
                        @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Fax</label>
                        <input type="text" name="fax" class="form-control @error('fax') is-invalid @enderror" value="{{ old('fax', $supplier->fax ?? '') }}" placeholder="Fax number">
                        @error('fax') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header bg-warning bg-opacity-10">
                <h6 class="card-title mb-0"><i class="ri-money-dollar-circle-line me-2"></i>Financial Information</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Payment Terms</label>
                        <select name="payment_term_id" class="form-select select2 @error('payment_term_id') is-invalid @enderror">
                            <option value="">Select Payment Term</option>
                            @foreach($paymentTerms as $term)
                                <option value="{{ $term->id }}" {{ old('payment_term_id', $supplier->payment_term_id ?? '') == $term->id ? 'selected' : '' }}>{{ $term->name }}</option>
                            @endforeach
                        </select>
                        @error('payment_term_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Credit Limit</label>
                        <div class="input-group">
                            <span class="input-group-text">₹</span>
                            <input type="number" name="credit_limit" class="form-control @error('credit_limit') is-invalid @enderror" value="{{ old('credit_limit', $supplier->credit_limit ?? '') }}" step="0.01" min="0" placeholder="0.00">
                        </div>
                        @error('credit_limit') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Currency</label>
                        <select name="currency_id" class="form-select select2 @error('currency_id') is-invalid @enderror">
                            <option value="">Select Currency</option>
                            @foreach($currencies as $currency)
                                <option value="{{ $currency->id }}" {{ old('currency_id', $supplier->currency_id ?? '') == $currency->id ? 'selected' : '' }}>{{ $currency->code }} - {{ $currency->name }}</option>
                            @endforeach
                        </select>
                        @error('currency_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    <a href="{{ route('masters.suppliers.index') }}" class="btn btn-outline-secondary">Cancel</a>
    <button type="submit" class="btn btn-primary">
        <i class="ri-save-line me-1"></i> {{ isset($supplier) ? 'Update Supplier' : 'Create Supplier' }}
    </button>
</div>