@extends('layouts.app')

@section('title', 'Edit Party - ' . $party->name)
@section('page_title', 'Edit Customer / Supplier')

@section('content')
<div class="container-fluid p-0" style="max-width: 900px;">
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0 fw-bold"><i class="bi bi-pencil-square text-primary me-2"></i> Edit Party: {{ $party->business_name ?? $party->name }}</h5>
        </div>
        <div class="card-body p-4">
            <form action="{{ route('parties.update', $party) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Party Role <span class="text-danger">*</span></label>
                        <select name="type" class="form-select" required>
                            <option value="customer" {{ old('type', $party->type) == 'customer' ? 'selected' : '' }}>Customer</option>
                            <option value="supplier" {{ old('type', $party->type) == 'supplier' ? 'selected' : '' }}>Supplier</option>
                            <option value="both" {{ old('type', $party->type) == 'both' ? 'selected' : '' }}>Both Customer & Supplier</option>
                        </select>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Business / Company Name</label>
                        <input type="text" name="business_name" class="form-control" value="{{ old('business_name', $party->business_name) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Contact Person Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $party->name) }}" required>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">GSTIN</label>
                        <input type="text" id="gstin_input" name="gstin" maxlength="15" class="form-control font-monospace text-uppercase" value="{{ old('gstin', $party->gstin) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">State & Code <span class="text-danger">*</span></label>
                        <select name="state_code" id="state_select" class="form-select" required>
                            @foreach($states as $code => $name)
                                <option value="{{ $code }}" {{ old('state_code', $party->state_code) == $code ? 'selected' : '' }}>
                                    [{{ $code }}] {{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">PAN Number</label>
                        <input type="text" name="pan" maxlength="10" class="form-control font-monospace text-uppercase" value="{{ old('pan', $party->pan) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Phone</label>
                        <input type="text" name="phone" class="form-control" value="{{ old('phone', $party->phone) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $party->email) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Billing Address</label>
                        <textarea name="billing_address" rows="3" class="form-control">{{ old('billing_address', $party->billing_address) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Shipping Address</label>
                        <textarea name="shipping_address" rows="3" class="form-control">{{ old('shipping_address', $party->shipping_address) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Status</label>
                        <div class="form-check form-switch mt-2">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="activePartySwitch" {{ old('is_active', $party->is_active) ? 'checked' : '' }}>
                            <label class="form-check-label fw-semibold" for="activePartySwitch">Active Party</label>
                        </div>
                    </div>
                </div>

                <hr class="my-4">

                <div class="d-flex justify-content-between">
                    <a href="{{ route('parties.index') }}" class="btn btn-outline-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary px-4 fw-semibold">
                        <i class="bi bi-check2-circle me-1"></i> Update Party
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection