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

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="fw-bold mb-0">Edit Supplier: {{ $supplier->name ?? '' }}</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.update', $supplier->id ?? 0) }}" method="POST" novalidate>
    @csrf @method('PUT')
    <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">Code <span class="text-danger">*</span></label><input type="text" class="form-control" name="code" value="{{ old('code', $supplier->code ?? '') }}" required></div>
                    <div class="col-md-6"><label class="form-label">Name <span class="text-danger">*</span></label><input type="text" class="form-control" name="name" value="{{ old('name', $supplier->name ?? '') }}" required></div>
                    <div class="col-md-3"><label class="form-label">Type</label><select class="form-select" name="type"><option value="manufacturer" {{ old('type', $supplier->type ?? '') === 'manufacturer' ? 'selected' : '' }}>Manufacturer</option><option value="trader" {{ old('type', $supplier->type ?? '') === 'trader' ? 'selected' : '' }}>Trader</option><option value="agent" {{ old('type', $supplier->type ?? '') === 'agent' ? 'selected' : '' }}>Agent</option><option value="service" {{ old('type', $supplier->type ?? '') === 'service' ? 'selected' : '' }}>Service</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', $supplier->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', $supplier->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', $supplier->iec_code ?? '') }}"></div>
                    <div class="col-md-6"><label class="form-label">Website</label><input type="url" class="form-control" name="website" value="{{ old('website', $supplier->website ?? '') }}"></div>
                    <div class="col-md-12"><label class="form-label">Remarks</label><textarea class="form-control" name="remarks" rows="2">{{ old('remarks', $supplier->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" {{ ($supplier->is_active ?? true) ? '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</label><input type="text" class="form-control" name="address_line1" value="{{ old('address_line1', $supplier->address_line1 ?? '') }}"></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', $supplier->address_line2 ?? '') }}"></div>
                    <div class="col-md-3"><label class="form-label">Country</label><select class="form-select select2-ajax" name="country_id" data-url="{{ route('api.countries.search') }}" data-placeholder="Select"><option value="{{ $supplier->country_id ?? '' }}" selected>{{ $supplier->country->name ?? '' }}</option></select></div>
                    <div class="col-md-3"><label class="form-label">State</label><select class="form-select select2-ajax" name="state_id" data-url="{{ route('api.states.search') }}" data-placeholder="Select"><option value="{{ $supplier->state_id ?? '' }}" selected>{{ $supplier->state->name ?? '' }}</option></select></div>
                    <div class="col-md-3"><label class="form-label">City</label><select class="form-select select2-ajax" name="city_id" data-url="{{ route('api.cities.search') }}" data-placeholder="Select"><option value="{{ $supplier->city_id ?? '' }}" selected>{{ $supplier->city->name ?? '' }}</option></select></div>
                    <div class="col-md-3"><label class="form-label">Pincode</label><input type="text" class="form-control" name="pincode" value="{{ old('pincode', $supplier->pincode ?? '') }}"></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</label><input type="text" class="form-control" name="contact_person" value="{{ old('contact_person', $supplier->contact_person ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">Email</label><input type="email" class="form-control" name="email" value="{{ old('email', $supplier->email ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">Phone</label><input type="tel" class="form-control" name="phone" value="{{ old('phone', $supplier->phone ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">Mobile</label><input type="tel" class="form-control" name="mobile" value="{{ old('mobile', $supplier->mobile ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">WhatsApp</label><input type="tel" class="form-control" name="whatsapp" value="{{ old('whatsapp', $supplier->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', $supplier->credit_limit ?? '') }}" step="0.01"></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', $supplier->credit_days ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">TDS Section</label><select class="form-select" name="tds_section"><option value="">N/A</option><option value="194C" {{ old('tds_section', $supplier->tds_section ?? '') === '194C' ? 'selected' : '' }}>194C</option><option value="194J" {{ old('tds_section', $supplier->tds_section ?? '') === '194J' ? 'selected' : '' }}>194J</option><option value="194H" {{ old('tds_section', $supplier->tds_section ?? '') === '194H' ? 'selected' : '' }}>194H</option></select></div>
                    <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', $supplier->bank_name ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">Account No</label><input type="text" class="form-control" name="bank_account" value="{{ old('bank_account', $supplier->bank_account ?? '') }}"></div>
                    <div class="col-md-4"><label class="form-label">IFSC</label><input type="text" class="form-control" name="bank_ifsc" value="{{ old('bank_ifsc', $supplier->bank_ifsc ?? '') }}" maxlength="11"></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>Update Supplier</button>
    </div>
</form>
@endsection