@extends('layouts.app')
@section('title', 'Create Supplier')
@php $breadcrumbs = [['label' => 'Masters', 'url' => route('masters.suppliers.index')], ['label' => 'Suppliers', 'url' => route('masters.suppliers.index')], ['label' => 'Create']]; @endphp

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="fw-bold mb-0">Create New Supplier</h4>
    <a href="{{ route('masters.suppliers.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-arrow-left me-1"></i>Back to List</a>
</div>

<form action="{{ route('masters.suppliers.store') }}" method="POST" id="supplierForm" novalidate>
    @csrf
    <ul class="nav nav-tabs mb-3" role="tablist">
        <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabGeneral" type="button"><i class="bi bi-person me-1"></i>General</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabAddress" type="button"><i class="bi bi-geo-alt me-1"></i>Address</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabContact" type="button"><i class="bi bi-telephone me-1"></i>Contact</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabFinancial" type="button"><i class="bi bi-wallet2 me-1"></i>Financial</button></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane fade show active" id="tabGeneral">
            <div class="card border shadow-sm"><div class="card-body">
                <div class="row g-3">
                    <div class="col-md-3"><label class="form-label">Supplier Code <span class="text-danger">*</span></label><input type="text" class="form-control @error('code') is-invalid @enderror" name="code" value="{{ old('code') }}" required>@error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    <div class="col-md-6"><label class="form-label">Supplier Name <span class="text-danger">*</span></label><input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required>@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    <div class="col-md-3"><label class="form-label">Type <span class="text-danger">*</span></label><select class="form-select" name="type" required><option value="">Select</option><option value="manufacturer" {{ old('type') === 'manufacturer' ? 'selected' : '' }}>Manufacturer</option><option value="trader" {{ old('type') === 'trader' ? 'selected' : '' }}>Trader</option><option value="agent" {{ old('type') === 'agent' ? 'selected' : '' }}>Agent</option><option value="service" {{ old('type') === 'service' ? 'selected' : '' }}>Service Provider</option></select></div>
                    <div class="col-md-3"><label class="form-label">GSTIN</label><input type="text" class="form-control" name="gstin" value="{{ old('gstin') }}" maxlength="15"></div>
                    <div class="col-md-3"><label class="form-label">PAN</label><input type="text" class="form-control" name="pan" value="{{ old('pan') }}" maxlength="10"></div>
                    <div class="col-md-3"><label class="form-label">IEC Code</label><input type="text" class="form-control" name="iec_code" value="{{ old('iec_code') }}"></div>
                    <div class="col-md-3"><label class="form-label">Website</label><input type="url" class="form-control" name="website" value="{{ old('website') }}"></div>
                    <div class="col-md-3"><label class="form-label">Currency</label><select class="form-select select2-ajax" name="currency_id" data-url="{{ route('api.currencies.search') }}" data-placeholder="Select Currency"><option value="1" selected>INR</option></select></div>
                    <div class="col-md-12"><label class="form-label">Remarks</label><textarea class="form-control" name="remarks" rows="2">{{ old('remarks') }}</textarea></div>
                    <div class="col-md-3"><div class="form-check form-switch mt-4"><input class="form-check-input" type="checkbox" name="is_active" value="1" checked><label class="form-check-label">Active</label></div></div>
                </div>
            </div></div>
        </div>

        <div class="tab-pane fade" id="tabAddress">
            <div class="card border shadow-sm"><div class="card-body">
                <div class="row g-3">
                    <div class="col-md-8"><label class="form-label">Address Line 1 <span class="text-danger">*</span></label><input type="text" class="form-control" name="address_line1" value="{{ old('address_line1') }}" required></div>
                    <div class="col-md-4"><label class="form-label">Address Line 2</label><input type="text" class="form-control" name="address_line2" value="{{ old('address_line2') }}"></div>
                    <div class="col-md-3"><label class="form-label">Country <span class="text-danger">*</span></label><select class="form-select select2-ajax" name="country_id" data-url="{{ route('api.countries.search') }}" data-placeholder="Select Country"></select></div>
                    <div class="col-md-3"><label class="form-label">State <span class="text-danger">*</span></label><select class="form-select select2-ajax" name="state_id" data-url="{{ route('api.states.search') }}" data-placeholder="Select State"></select></div>
                    <div class="col-md-3"><label class="form-label">City <span class="text-danger">*</span></label><select class="form-select select2-ajax" name="city_id" data-url="{{ route('api.cities.search') }}" data-placeholder="Select City"></select></div>
                    <div class="col-md-3"><label class="form-label">Pincode</label><input type="text" class="form-control" name="pincode" value="{{ old('pincode') }}" maxlength="10"></div>
                </div>
            </div></div>
        </div>

        <div class="tab-pane fade" id="tabContact">
            <div class="card border shadow-sm"><div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4"><label class="form-label">Contact Person <span class="text-danger">*</span></label><input type="text" class="form-control" name="contact_person" value="{{ old('contact_person') }}" required></div>
                    <div class="col-md-4"><label class="form-label">Designation</label><input type="text" class="form-control" name="designation" value="{{ old('designation') }}"></div>
                    <div class="col-md-4"><label class="form-label">Department</label><input type="text" class="form-control" name="department" value="{{ old('department') }}"></div>
                    <div class="col-md-4"><label class="form-label">Email <span class="text-danger">*</span></label><input type="email" class="form-control" name="email" value="{{ old('email') }}" required></div>
                    <div class="col-md-4"><label class="form-label">Phone <span class="text-danger">*</span></label><input type="tel" class="form-control" name="phone" value="{{ old('phone') }}" required></div>
                    <div class="col-md-4"><label class="form-label">Mobile</label><input type="tel" class="form-control" name="mobile" value="{{ old('mobile') }}"></div>
                    <div class="col-md-4"><label class="form-label">Fax</label><input type="tel" class="form-control" name="fax" value="{{ old('fax') }}"></div>
                    <div class="col-md-4"><label class="form-label">WhatsApp</label><input type="tel" class="form-control" name="whatsapp" value="{{ old('whatsapp') }}"></div>
                </div>
            </div></div>
        </div>

        <div class="tab-pane fade" id="tabFinancial">
            <div class="card border shadow-sm"><div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4"><label class="form-label">Credit Limit</label><input type="number" class="form-control" name="credit_limit" value="{{ old('credit_limit') }}" step="0.01" min="0"></div>
                    <div class="col-md-4"><label class="form-label">Credit Days</label><input type="number" class="form-control" name="credit_days" value="{{ old('credit_days') }}" min="0"></div>
                    <div class="col-md-4"><label class="form-label">TDS Section</label><select class="form-select" name="tds_section"><option value="">Not Applicable</option><option value="194C">194C</option><option value="194J">194J</option><option value="194H">194H</option></select></div>
                    <div class="col-md-4"><label class="form-label">TDS Rate (%)</label><input type="number" class="form-control" name="tds_rate" value="{{ old('tds_rate') }}" step="0.01"></div>
                    <div class="col-md-4"><label class="form-label">Opening Balance</label><input type="number" class="form-control" name="opening_balance" value="{{ old('opening_balance', 0) }}" step="0.01"></div>
                </div>
                <hr class="my-4">
                <h6 class="fw-semibold mb-3"><i class="bi bi-bank me-2 text-primary"></i>Bank Details</h6>
                <div class="row g-3">
                    <div class="col-md-4"><label class="form-label">Bank Name</label><input type="text" class="form-control" name="bank_name" value="{{ old('bank_name') }}"></div>
                    <div class="col-md-4"><label class="form-label">Account Number</label><input type="text" class="form-control" name="bank_account" value="{{ old('bank_account') }}"></div>
                    <div class="col-md-4"><label class="form-label">IFSC Code</label><input type="text" class="form-control" name="bank_ifsc" value="{{ old('bank_ifsc') }}" maxlength="11"></div>
                    <div class="col-md-4"><label class="form-label">Swift Code</label><input type="text" class="form-control" name="swift_code" value="{{ old('swift_code') }}"></div>
                </div>
            </div></div>
        </div>
    </div>
    <div class="d-flex justify-content-end gap-2 mt-3 mb-4">
        <a href="{{ route('masters.suppliers.index') }}" class="btn btn-outline-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>Create Supplier</button>
    </div>
</form>
@endsection