@extends('layouts.dashboard')

@section('title', 'Edit Proposal')
@section('header-title', 'Edit Proposal')

@section('content')
    @php
        $client = $proposal->client;
        $isSuperAdmin = auth()->user()->role?->slug === 'sp';
        $group = fn(string $key) => $upgradations->get($key, collect());
        $luxePackages = $group('luxe_package')->isNotEmpty() ? $group('luxe_package') : $group('luxury_package');
        $selectedLuxePackageId = collect($proposal->selected_upgradations ?? [])
            ->first(fn($item) => abs((float) ($item['amount'] ?? 0) - (float) ($proposal->luxe_package_price ?? 0)) < 0.01)['id'] ?? null;
    @endphp

    <div class="mt-8">
        <div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
            @if (session('success'))
                <div class="mb-6 rounded-lg border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-800">
                    {{ session('success') }}
                </div>
            @endif

            @if (session('error'))
                <div class="mb-6 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
                    {{ session('error') }}
                </div>
            @endif

            <form action="{{ route('proposals.update', $proposal) }}" method="POST" class="space-y-6">
                @csrf
                @method('PUT')

                <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                    <div class="flex flex-wrap items-start justify-between gap-4">
                        <div>
                            <h2 class="text-lg font-bold text-gray-900">{{ $proposal->proposal_number }}</h2>
                            <p class="mt-1 text-sm text-gray-500">
                                Editing updates this proposal record.
                            </p>
                        </div>
                        <a href="{{ route('proposals.show', $proposal) }}"
                            class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-50">
                            Cancel
                        </a>
                    </div>
                </div>

                <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                    <h3 class="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">Client Details</h3>
                    <div class="grid gap-5 sm:grid-cols-3">
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Salutation</label>
                            <select name="salutation" class="mt-1 block w-full rounded-lg border-gray-300">
                                @foreach (['Mr.', 'Mrs.', 'Ms.', 'Dr.'] as $salutation)
                                    <option value="{{ $salutation }}" @selected(old('salutation', $client?->salutation) === $salutation)>{{ $salutation }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Contact Person</label>
                            <input type="text" name="contact_person" value="{{ old('contact_person', $client?->contact_person) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Email</label>
                            <input type="email" name="email" value="{{ old('email', $client?->email) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Phone</label>
                            <input type="text" name="phone" value="{{ old('phone', $client?->phone) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Alternate Phone</label>
                            <input type="text" name="alternate_phone" value="{{ old('alternate_phone', $client?->alternate_phone) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">GST Number</label>
                            <input type="text" name="gst_number" value="{{ old('gst_number', $client?->gst_number) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                    </div>
                </div>

                <div class="grid gap-6 lg:grid-cols-2">
                    @foreach (['billing' => 'Billing Address', 'site' => 'Site Address'] as $prefix => $title)
                        <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                            <h3 class="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">{{ $title }}</h3>
                            <div class="space-y-4">
                                <div>
                                    <label class="block text-sm font-medium text-gray-700">Address</label>
                                    <input type="text" name="{{ $prefix }}_address1"
                                        value="{{ old($prefix . '_address1', $proposal->{$prefix . '_address1'}) }}"
                                        class="mt-1 block w-full rounded-lg border-gray-300">
                                </div>
                                <div class="grid gap-4 sm:grid-cols-2">
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Country</label>
                                        <select name="{{ $prefix }}_country_id" class="mt-1 block w-full rounded-lg border-gray-300">
                                            <option value="">Select</option>
                                            @foreach ($countries as $country)
                                                <option value="{{ $country->id }}" @selected(old($prefix . '_country_id', $proposal->{$prefix . '_country_id'}) == $country->id)>
                                                    {{ $country->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">State</label>
                                        <select name="{{ $prefix }}_state_id" class="mt-1 block w-full rounded-lg border-gray-300">
                                            <option value="">Select</option>
                                            @foreach ($proposalAddressStates as $state)
                                                <option value="{{ $state->id }}" @selected(old($prefix . '_state_id', $proposal->{$prefix . '_state_id'}) == $state->id)>
                                                    {{ $state->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">District</label>
                                        <select name="{{ $prefix }}_district_id" class="mt-1 block w-full rounded-lg border-gray-300">
                                            <option value="">Select</option>
                                            @foreach ($proposalAddressDistricts as $district)
                                                <option value="{{ $district->id }}" @selected(old($prefix . '_district_id', $proposal->{$prefix . '_district_id'}) == $district->id)>
                                                    {{ $district->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">City</label>
                                        <input type="text" name="{{ $prefix }}_city"
                                            value="{{ old($prefix . '_city', $proposal->{$prefix . '_city'}) }}"
                                            class="mt-1 block w-full rounded-lg border-gray-300">
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Area</label>
                                        <input type="text" name="{{ $prefix }}_area"
                                            value="{{ old($prefix . '_area', $proposal->{$prefix . '_area'}) }}"
                                            class="mt-1 block w-full rounded-lg border-gray-300">
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Landmark</label>
                                        <input type="text" name="{{ $prefix }}_landmark"
                                            value="{{ old($prefix . '_landmark', $proposal->{$prefix . '_landmark'}) }}"
                                            class="mt-1 block w-full rounded-lg border-gray-300">
                                    </div>
                                </div>
                                @if ($prefix === 'billing')
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Pincode</label>
                                        <input type="text" name="billing_pincode" value="{{ old('billing_pincode', $client?->pincode) }}"
                                            class="mt-1 block w-full rounded-lg border-gray-300">
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                    <h3 class="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">Product And Pricing</h3>
                    <div class="grid gap-5 sm:grid-cols-3">
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Product</label>
                            <select name="product_id" class="mt-1 block w-full rounded-lg border-gray-300">
                                @foreach ($products as $product)
                                    <option value="{{ $product->id }}" @selected(old('product_id', $proposal->product_id) == $product->id)>
                                        {{ $product->name ?? $product->model_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Variant/Floors</label>
                            <input type="number" name="no_of_floor" value="{{ old('no_of_floor', $proposal->no_of_floor) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Motor Type</label>
                            <select name="motor_type" class="mt-1 block w-full rounded-lg border-gray-300">
                                <option value="">Select</option>
                                <option value="single_phase" @selected(old('motor_type', $proposal->motor_type) === 'single_phase')>Single Phase</option>
                                <option value="3_phase" @selected(old('motor_type', $proposal->motor_type) === '3_phase')>3 Phase</option>
                            </select>
                        </div>
                        @foreach ([
                            'original_price' => 'Original Price',
                            'requested_price' => 'Requested Price',
                            'installation_cost' => 'Installation',
                            'transport_cost' => 'Transportation',
                            'unloading_cost' => 'Unloading',
                            'gst_percentage' => 'GST %',
                            'discount_amount' => 'Discount Amount',
                            'delivery_amount' => 'Delivery Amount',
                        ] as $field => $label)
                            <div>
                                <label class="block text-sm font-medium text-gray-700">{{ $label }}</label>
                                <input type="number" step="0.01" name="{{ $field }}" value="{{ old($field, $proposal->{$field}) }}"
                                    class="mt-1 block w-full rounded-lg border-gray-300">
                            </div>
                        @endforeach
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Valid Until</label>
                            <input type="date" name="valid_until" value="{{ old('valid_until', $proposal->valid_until?->format('Y-m-d')) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                    </div>
                </div>

                <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                    <h3 class="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">Upgradations</h3>
                    <div class="grid gap-5 sm:grid-cols-3">
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Luxe Package</label>
                            <select name="luxe_package" class="mt-1 block w-full rounded-lg border-gray-300">
                                <option value="no" @selected(old('luxe_package', $proposal->lux_package) === 'no')>No</option>
                                <option value="yes" @selected(old('luxe_package', $proposal->lux_package) === 'yes')>Yes</option>
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Luxe Package Item</label>
                            <select name="luxe_package_id" class="mt-1 block w-full rounded-lg border-gray-300">
                                <option value="">None</option>
                                @foreach ($luxePackages as $item)
                                    <option value="{{ $item->id }}" @selected(old('luxe_package_id', $selectedLuxePackageId) == $item->id)>
                                        {{ $item->name }} - {{ number_format($item->amount, 2) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700">Door Count</label>
                            <input type="number" name="door_count" value="{{ old('door_count', $proposal->door_count) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300">
                        </div>
                        @foreach ([
                            'door_id' => ['Door', 'door'],
                            'color_id' => ['Color', 'color'],
                            'swing_id' => ['Swing', 'swing'],
                            'cop_id' => ['COP', 'cop'],
                            'extra_travel_height_id' => ['Extra Travel Height', 'extra_travel_height'],
                            'sos_id' => ['SOS', 'sos'],
                        ] as $field => [$label, $groupType])
                            <div>
                                <label class="block text-sm font-medium text-gray-700">{{ $label }}</label>
                                <select name="{{ $field }}" class="mt-1 block w-full rounded-lg border-gray-300">
                                    <option value="">None</option>
                                    @foreach ($group($groupType) as $item)
                                        <option value="{{ $item->id }}" @selected(old($field, $proposal->{$field}) == $item->id)>
                                            {{ $item->name }} - {{ number_format($item->amount, 2) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
                    <h3 class="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">Warranty, Delivery And Terms</h3>
                    <div class="grid gap-5 sm:grid-cols-3">
                        @foreach ([
                            'warranty_type' => 'Warranty Type',
                            'warranty_years' => 'Warranty Years',
                            'amc_type' => 'AMC Type',
                            'amc_percentage' => 'AMC %',
                            'delivery_type' => 'Delivery Type',
                            'delivery_term' => 'Delivery Term',
                            'payment_terms_preset' => 'Payment Terms Preset',
                        ] as $field => $label)
                            <div>
                                <label class="block text-sm font-medium text-gray-700">{{ $label }}</label>
                                <input type="text" name="{{ $field }}" value="{{ old($field, $proposal->{$field}) }}"
                                    class="mt-1 block w-full rounded-lg border-gray-300">
                            </div>
                        @endforeach
                    </div>

                    <div class="mt-5 grid gap-5">
                        @foreach ([
                            'payment_terms' => ['Payment Terms', 4],
                            'delivery_terms' => ['Delivery Terms', 4],
                            'installation_notes' => ['Installation Notes', 4],
                            'terms_and_conditions' => ['Terms & Conditions', 5],
                        ] as $field => [$label, $rows])
                            <div>
                                <label class="block text-sm font-medium text-gray-700">{{ $label }}</label>
                                <textarea name="{{ $field }}" rows="{{ $rows }}"
                                    class="mt-1 block w-full rounded-lg border-gray-300">{{ old($field, $proposal->{$field}) }}</textarea>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end">
                    <a href="{{ route('proposals.show', $proposal) }}"
                        class="inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-50">
                        Cancel
                    </a>
                    <button type="submit"
                        class="inline-flex items-center justify-center rounded-lg bg-[#CF2030] px-4 py-2 text-sm font-semibold text-white hover:bg-[#a81a27]">
                        Save Proposal
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection