@extends('layouts.admin')

@section('title', 'Proposal Details')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white p-6">

        <!-- TOP ACTIONS -->
        <div class="mb-4 flex justify-between items-center">
            <a href="{{ route('admin.proposals.index') }}" class="text-blue-600">&larr; Back</a>
            <div class="flex gap-2">
                <a href="{{ route('admin.proposals.download-pdf', $proposal) }}" class="bg-green-500 text-white px-4 py-2 rounded">Download PDF</a>
                <a href="{{ route('admin.proposals.edit', $proposal) }}" class="bg-blue-500 text-white px-4 py-2 rounded">Edit</a>
            </div>
        </div>

        <!-- HEADER (FIXED) -->
        <table class="w-full border-b-2 border-gray-800 mb-6">
            <tr>
                <td class="align-top">
                    <h1 class="text-2xl font-bold text-gray-800">Odyssey Elevators</h1>
                    <p class="text-gray-600">Lift Solutions Proposal</p>
                    <p class="text-gray-600 font-semibold">Proposal #: {{ $proposal->proposal_number }}</p>
                </td>
                <td class="text-right">
                    <div style="background:#4f46e5; padding:12px; border-radius:10px; display:inline-block;">
                        <img src="https://odysseyelevators.com/wp-content/uploads/2025/11/odessey-logo.webp" style="width:100px;">
                    </div>
                </td>
            </tr>
        </table>

        <!-- CLIENT INFO -->
        <table class="w-full mb-6">
            <tr>
                <td><strong>Client:</strong> {{ $proposal->client->name }}</td>
                <td class="text-right"><strong>Date:</strong> {{ $proposal->created_at->format('d M Y') }}</td>
            </tr>
            <tr>
                <td><strong>Location:</strong> {{ $proposal->client->location }}</td>
                <td class="text-right"><strong>Status:</strong> {{ ucfirst($proposal->status) }}</td>
            </tr>
        </table>

        <!-- ABOUT US -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">About US</div>
            <div class="border p-4 text-justify">
                <p class="mb-3">
                    Odyssey Elevators is a Specialist in premium Electric circular home lifts, offering European-imported elevators built on next‑generation 'Quantum Electric' technology for discerning homeowners across India. Every Odyssey home elevator is engineered to deliver a silent, smooth and energy‑efficient ride, while adding a striking panoramic design element that enhances the aesthetics and value of luxury villas, bungalows and penthouses.
                </p>
                <p class="mb-3">
                    Odyssey systems are fully compliant with European safety regulations, manufactured in accordance with the Machinery Directive 2006/42/EC and EN 81‑41, and supplied with complete CE certification for peace of mind. 
                </p>
                <p class="mb-3">
                    Every model integrates an advanced 8‑layer safety architecture that includes magnetic door locking, mechanical rail brakes, speed governors, intelligent sensors and additional protection systems designed to safeguard children, seniors and guests at all times. From concept to commissioning, Odyssey focuses on reliability, safety and long‑term service support, positioning itself as one of India's most trusted circular home elevator brands for future‑ready, barrier‑free living. 
                </p>
                <p><strong>Welcome to the future.</strong></p>
            </div>
        </div>

        <!-- 1 -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">1. Executive Summary</div>
            <div class="border p-4">
                This proposal outlines the installation of a modern elevator system designed to improve accessibility,
                efficiency, and safety. Our solution ensures smooth operation, energy efficiency, and long-term reliability.
            </div>
        </div>

        <!-- 2 -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">2. Problem Statement</div>
            <div class="border p-4">
                The client currently faces challenges with vertical transportation, including limited accessibility,
                outdated systems, and safety concerns affecting daily operations.
            </div>
        </div>

        <!-- 3 -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">3. Needs Analysis</div>
            <div class="border p-4">
                The client requires a reliable, safe, and efficient lift system capable of handling multiple floors
                with optimal speed and capacity while meeting safety standards.
            </div>
        </div>

        <!-- 4 PROPOSED SOLUTION TABLE -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">4. Proposed Solution</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <th colspan="2" class="bg-gray-800 text-white p-2 text-left">Lift Product Details</th>
                    </tr>

                    <tr>
                        <td class="border p-2 font-semibold">Product Name</td>
                        <td class="border p-2">{{ $proposal->liftProduct->name }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Lift Type</td>
                        <td class="border p-2">{{ ucfirst(str_replace('_', ' ', $proposal->liftProduct->type)) }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Capacity</td>
                        <td class="border p-2">{{ $proposal->liftProduct->capacity }} kg</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Floors</td>
                        <td class="border p-2">{{ $proposal->liftProduct->floors }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Speed</td>
                        <td class="border p-2">{{ $proposal->liftProduct->speed }} m/s</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Motor Type</td>
                        <td class="border p-2">{{ $proposal->liftProduct->motor_type ?? 'Standard' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Safety</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->safety_features && count($proposal->liftProduct->safety_features) > 0)
                                {{ implode(', ', array_slice($proposal->liftProduct->safety_features, 0, 3)) }}
                            @else
                                Emergency Brake, Alarm, Overload Protection
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Warranty</td>
                        <td class="border p-2">10 Years</td>
                    </tr>
                </table>

            </div>
        </div>

        <!-- DETAILED LIFT SPECIFICATIONS -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">Lift Specification – {{ $proposal->liftProduct->name }}</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <td class="border p-2 font-semibold">Model Name</td>
                        <td class="border p-2">{{ $proposal->liftProduct->name }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Colour</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['colors']))
                                {{ implode(', ', $proposal->liftProduct->technical_specs['colors']) }}
                            @else
                                Beige (RAL 1019), Grey (RAL 7016), Black (RAL 9005)
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Rated Load</td>
                        <td class="border p-2">{{ $proposal->liftProduct->capacity }}Kgs</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Electrical Requirement</td>
                        <td class="border p-2">{{ $proposal->liftProduct->power_consumption ?? '400 Volts, Three Phase' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Speed</td>
                        <td class="border p-2">{{ $proposal->liftProduct->speed }} m/s</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Technology</td>
                        <td class="border p-2">{{ $proposal->liftProduct->drive_type ?? 'Electric' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Stops</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['stops']))
                                {{ $proposal->liftProduct->technical_specs['stops'] }}
                            @else
                                G+{{ $proposal->liftProduct->floors - 1 }} ({{ $proposal->liftProduct->floors }} stops)
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Door Type</td>
                        <td class="border p-2">{{ $proposal->liftProduct->door_type ?? 'Panoramic Door (Automatic)' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold" valign="top">Safety Feature</td>
                        <td class="border p-2">
                            <ol style="margin: 0; padding-left: 20px;">
                                @if($proposal->liftProduct->safety_features && count($proposal->liftProduct->safety_features) > 0)
                                    @foreach($proposal->liftProduct->safety_features as $feature)
                                        <li>{{ $feature }}</li>
                                    @endforeach
                                @else
                                    <li>Fully Compliant with Machine Directive Code 2006/42/EC & European Norms EN81</li>
                                    <li>Automatic Descent to ground level at safer speed in the event of power failure</li>
                                    <li>Mechanical Emergency brakes within 5cm of over travel</li>
                                    <li>Electro Mechanical interlocks at each landing and Alarm</li>
                                    <li>Smart Beam Door Sensors</li>
                                @endif
                            </ol>
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Plan Size</td>
                        <td class="border p-2">{{ $proposal->liftProduct->dimensions ?? 'External Diameter 1500mm' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Penetration required to install through floors and ceiling</td>
                        <td class="border p-2">{{ $proposal->liftProduct->shaft_size ?? 'External Diameter +50mm' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Cabin Height</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['cabin_height']))
                                {{ $proposal->liftProduct->technical_specs['cabin_height'] }}
                            @else
                                2010 mm
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Minimum Headroom</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['minimum_headroom']))
                                {{ $proposal->liftProduct->technical_specs['minimum_headroom'] }}
                            @else
                                2850 mm
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Pit Depth</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['pit_depth']))
                                {{ $proposal->liftProduct->technical_specs['pit_depth'] }}
                            @else
                                100 – 150 mm
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Total Travel Height</td>
                        <td class="border p-2">{{ $proposal->liftProduct->travel_height ?? '7000' }} mm</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Entrance Width Opening</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['entrance_width_opening']))
                                {{ $proposal->liftProduct->technical_specs['entrance_width_opening'] }}
                            @else
                                730 mm
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Internal Cabin Height</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['internal_cabin_height']))
                                {{ $proposal->liftProduct->technical_specs['internal_cabin_height'] }}
                            @else
                                2000 mm
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Internal Cabin Diameter</td>
                        <td class="border p-2">{{ $proposal->liftProduct->car_size ?? '1200 mm' }}</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Door Openings</td>
                        <td class="border p-2">
                            @if($proposal->liftProduct->technical_specs && isset($proposal->liftProduct->technical_specs['door_openings']))
                                {{ $proposal->liftProduct->technical_specs['door_openings'] }}
                            @else
                                Same Side
                            @endif
                        </td>
                    </tr>
                </table>

                <!-- Signature Section for Specifications -->
                <div class="mt-6 flex justify-between">
                    <div class="w-5/12">
                        <div class="border-b border-gray-600 h-8 mb-2"></div>
                        <p class="text-sm">Name:</p>
                    </div>
                    <div class="w-5/12">
                        <div class="border-b border-gray-600 h-8 mb-2"></div>
                        <p class="text-sm">Signature</p>
                    </div>
                </div>

            </div>
        </div>

        <!-- 5 -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">5. Project Scope</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <th class="bg-gray-800 text-white p-2 text-left">Task</th>
                        <th class="bg-gray-800 text-white p-2 text-left">Deliverable</th>
                    </tr>
                    <tr>
                        <td class="border p-2">Installation</td>
                        <td class="border p-2">Lift Installed</td>
                    </tr>
                    <tr>
                        <td class="border p-2">Testing</td>
                        <td class="border p-2">Safety Approved</td>
                    </tr>
                </table>

            </div>
        </div>

        <!-- 6 PRICING (FIXED RIGHT ALIGN) -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">6. Pricing</div>
            <div class="border p-4">

                <table style="width:300px; margin-left:auto; border-collapse:collapse;">
                    <tr>
                        <td class="border p-2">Subtotal</td>
                        <td class="border p-2 text-right">${{ number_format($proposal->total_price, 2) }}</td>
                    </tr>

                    @if($proposal->tax_rate)
                    <tr>
                        <td class="border p-2">Tax</td>
                        <td class="border p-2 text-right">${{ number_format($proposal->tax_amount, 2) }}</td>
                    </tr>
                    @endif

                    @if($proposal->discount_percentage)
                    <tr>
                        <td class="border p-2">Discount</td>
                        <td class="border p-2 text-right">-${{ number_format($proposal->discount_amount, 2) }}</td>
                    </tr>
                    @endif

                    <tr style="background:#2563eb; color:#fff; font-weight:bold;">
                        <td class="border p-2">Total</td>
                        <td class="border p-2 text-right">${{ number_format($proposal->grand_total, 2) }}</td>
                    </tr>
                </table>

            </div>
        </div>

        <!-- TERM OF SALE -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">Term of Sale</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <td class="border p-2 font-semibold">Total Lift Cost</td>
                        <td class="border p-2 text-right font-semibold">Rs.{{ number_format($proposal->total_price, 0, ',', ',') }}/-</td>
                    </tr>
                    <tr>
                        <td class="border p-2">GST 18 %</td>
                        <td class="border p-2 text-right">Rs.{{ number_format($proposal->total_price * 0.18, 0, ',', ',') }}/-</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-bold">Grand Total</td>
                        <td class="border p-2 text-right font-bold">Rs.{{ number_format($proposal->total_price * 1.18, 0, ',', ',') }}/-</td>
                    </tr>
                </table>

            </div>
        </div>

        <!-- PAYMENT TERMS -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">Payment Terms</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <td class="border p-2 font-semibold">Payment Terms of Grand Total</td>
                        <td class="border p-2 font-semibold">Actual Price</td>
                    </tr>
                    <tr>
                        <td class="border p-2">50 %</td>
                        <td class="border p-2">Advance on Booking the Order</td>
                    </tr>
                    <tr>
                        <td class="border p-2">50 %</td>
                        <td class="border p-2">Based on Readiness Notification</td>
                    </tr>
                </table>

            </div>
        </div>

        <!-- BANK DETAILS -->
        <div class="mb-6">
            <div class="bg-blue-600 text-white font-bold py-2 px-4">Bank Details</div>
            <div class="border p-4">

                <table class="w-full border-collapse">
                    <tr>
                        <td class="border p-2 font-semibold">Banking Name</td>
                        <td class="border p-2">Odyssey Elevators Private Limited</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Account Number</td>
                        <td class="border p-2">106205003752</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">IFSC Code</td>
                        <td class="border p-2">ICIC0001062</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Bank Name</td>
                        <td class="border p-2">ICICI Bank</td>
                    </tr>
                    <tr>
                        <td class="border p-2 font-semibold">Branch</td>
                        <td class="border p-2">Thiruvanmiyur</td>
                    </tr>
                </table>

                <!-- Signature Section for Bank Details -->
                <div class="mt-6 flex justify-between">
                    <div class="w-5/12">
                        <div class="border-b border-gray-600 h-8 mb-2"></div>
                        <p class="text-sm">Name:</p>
                    </div>
                    <div class="w-5/12">
                        <div class="border-b border-gray-600 h-8 mb-2"></div>
                        <p class="text-sm">Signature</p>
                    </div>
                </div>

            </div>
        </div>

        <!-- FOOTER -->
        <div class="text-center text-sm text-gray-600 mt-8">
            Odyssey Elevators | Professional Lift Solutions
        </div>

    </div>
</div>
@endsection