@extends('layouts.app')
@section('content')

@php $statuses = [1 => 'Negotiate', 2 => 'Accept Quotation']; @endphp

<style>
    .table {
        border-collapse: separate !important;
        border-spacing: 0;
    }

    .table th,
    .table td {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        padding: 6px;
    }

    .table tr:last-child td {
        border-bottom: 1px solid #000;
    }

    .table th:last-child,
    .table td:last-child {
        border-right: 1px solid #000;
    }

    .table td,
    .table th {
        text-align: left;
        /* Default alignment for text */
    }



    @media print {

        table {
            border-collapse: separate !important;
            border-spacing: 0;
        }

        th,
        td {
            border-top: 1px solid #000;
            border-left: 1px solid #000;
        }

        tr:last-child td {
            border-bottom: 1px solid #000;
        }

        td:last-child,
        th:last-child {
            border-right: 1px solid #000;
        }

        * {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        th,
        td {
            border: 1px solid #000 !important;
        }

        .no-print {
            display: none !important;
        }

        .no-break {
            page-break-inside: avoid;
            break-inside: avoid;
        }

        .print-break {
            page-break-after: always;
        }
    }
</style>



<div class="container mt-4">


    <button class="no-print fload-end" id="printBtn" style="padding: 10px 20px; background-color: #6a19db; color: white; border: none; cursor: pointer; margin-bottom: 20px; float: right;">
        Print Quotation
    </button>

    <div class="card">
        <div class="card-body">


            <h2 class="text-center mb-3">Quotation</h2>
            <table class="table table-bordered">
                <tr>
                    <th>Project Estimate:</th>
                    <th>{{ $template->title }}</th>
                </tr>
                <tr>
                    <td>
                        <p><strong>Name:</strong> {{ $account->name }}</p>
                        <p><strong>Email:</strong> {{ $account->primary_email }}</p>
                        <p><strong>Phone:</strong> {{ $account->primary_phone }}</p>
                    </td>

                    <td>
                        <strong>Surjaa Enertech and Infra Corporation</strong><br><br>

                        <div id="selected-gstin-details" class="mt-2">
                            @if($my_office)
                            <div class="form-group">
                                <strong>State:</strong> {{ $my_office->state->name }}<br>
                                <strong>GSTIN:</strong> {{ $my_office->gstin }}<br>
                                <strong>Address:</strong> {{ $my_office->address }}
                            </div>
                            @endif
                        </div>
                    </td>

                </tr>
                <tr>
                    <td colspan="2">
                        <p><strong>Date:</strong> {{ date('d M, Y', strtotime($project->created_at)) }}</p>
                    </td>
                </tr>
            </table>




            <div class="print-break mt-3">

                <p>There is no Plan(et) - B. Today, we are facing high degrees of air, water and soil pollution. It is therefore important we preserve our earth. At Surjaa, we endeavour to give our future generations comprising our children cleaner air to breathe, purer drinking water, and nutritional food to eat. Lets preserve our environment by switching to renewable sources of energy and partner with Surjaa.</p>

                <p>Associating with Surjaa brings you the following benefits:</p>

                <ul>
                    <li>Empanelled with the Ministry of New and Renewable Energy (under Ministry of Power, Government of India) under GCRT; Reg No: 4352 under JNRM – PAN India.</li>
                    <li>Empanelled with HAREDA, Startup India, Skill up India, and MSME, ISO 9001:2015</li>
                    <li>Preferred vendors for L&T (Electrical and Infra Projects)</li>
                    <li>Preferred vendors for ACME CleanTech</li>
                    <li>Business Partners to Luminous (Prestigious SPG PAN - India)</li>
                    <li>Authorized Resellers for JSW (Core Iron and Steel Products)</li>
                    <li>Authorized Resellers for SCharge (EV Chargers and products)</li>
                    <li>Authorized Resellers for Excel Abrasives (Core Products)</li>
                    <li>Channel Partners to Rishabh Instruments</li>
                    <li>Channel Partners to Servotech Power (PAN - India)</li>
                </ul>


                <p>we are also undertaking repowering and repair, maintenance of power plants and restoring power plants as part of OnM. our team is trained for inverter repairs and isolating electrical fault and providig quick resolution.</p>

                <p>Surjaa deals in top tier brands listed below and recommends these be used in the project under consideration.</p>


                <table class="table table-bordered">
                    <tr>
                        <th>Solar Inverters</th>
                        <th>Solar Modules</th>
                        <th>Wires and Cables</th>
                        <th>Mechanical Structure</th>
                        <th>Electrical Protection</th>
                    </tr>
                    <tr>
                        <td>
                            Radius<br>
                            Sungrow<br>
                            Sineng<br>
                            Luminous<br>
                            Servotech<br>
                            Growatt<br>
                        </td>
                        <td>
                            Luminous<br>
                            Rayzon<br>
                            Vikram<br>
                            Waaree<br>
                            Adani<br>
                            Servotech<br>
                        </td>
                        <td>
                            Polycab<br>
                            Havells<br>
                        </td>
                        <td>
                            Pre Galvanized<br>
                            Hot Dip (on request)<br>
                            MS Steel<br>
                            FRP<br>
                            SS 304<br>
                            Anodized Alum<br>
                        </td>
                        <td>
                            Chint<br>
                            Phoenix-Contact<br>
                            Havells<br>
                            HPL<br>
                            NCR<br>
                        </td>
                    </tr>
                </table>

                <p>
                    We thank you for choosing to become an environmental champion and partnering with Surjaa for your renewable energy. As per your requirements, we are sharing a preliminary estimate for your renewable energy project. We look forward to your project confirmation with us
                </p>

                <p>Authorized Signatory</p>
                <p class="mb-3">for Surjaa</p>
            </div>



            <div class="no-break mt-3">
                <table class="table table-bordered">
                    <tr>
                        <th>Description</th>
                        <th>Price per unit</th>
                        <th>GST (in %)</th>
                        <th>Quantity</th>
                        <th style="text-align: right">Total Cost</th>
                    </tr>
                    <tbody>
                        @php
                        $estimatedCost = 0;
                        $gst12 = 0;
                        $gst18 = 0;
                        $gst28 = 0;
                        @endphp

                        @foreach ($bomItems as $item)
                        @php
                        $totalCost = $item->total_price;
                        $estimatedCost += $totalCost;

                        // GST Calculation
                        if (in_array(strtolower($item->product->category->name), ['module', 'inverter'])) {
                        $gst12 += $totalCost * 0.12;
                        } elseif (in_array(strtolower($item->product->category->name), ['bos', 'structure', 'inc'])) {
                        $gst18 += $totalCost * 0.18;
                        } elseif (in_array(strtolower($item->product->category->name), ['battery','storage'])) {
                        $gst28 += $totalCost * 0.28;
                        }
                        @endphp

                        <tr>
                            <td>{{ $item->product->name }} <br> {{ $item->product->description }}</td>
                            <td>₹{{ number_format($item->final_price) }}</td>
                            <td>{{$item->gst}}</td>
                            <td>{{ $item->total_quantity }}</td>
                            <td style="text-align: right">₹{{ number_format($totalCost, 2) }}</td>
                        </tr>
                        @endforeach

                        {{-- Total Row --}}
                        <tr>
                            <td colspan="4" class="text-start"><strong>Total Amount</strong></td>
                            <td><strong>₹{{ number_format($estimatedCost, 2) }}</strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>


            {{-- Bank Details Display --}}
            <div id="bankDetailsSection" class="mt-3" style="display: none;">
                <h4 class="mt-3 text-center">Bank Details</h4>
                <table class="table table-bordered" id="bankDetailsContent" style="margin-top: 15px;">
                    <thead>
                        <tr>
                            <th>Details</th>
                            <th>Information</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>

            </div>


            <!-- Payment Terms -->
            <div class="no-break mt-3">
                @if (count($invoices) > 0)
                <h4 class="mt-4 text-center">Payment Terms</h4>
                <table class="table table-bordered" style="width: 100%;">
                    <thead>
                        <tr>
                            <th>S no.</th>
                            <th>Invoice Number</th>
                            <th>Due Date</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($invoices as $index => $invoice)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $invoice->id }}</td>
                            <td>{{ \Carbon\Carbon::parse($invoice->invoice_date)->format('d M, Y') }}</td>
                            <td>₹{{ number_format($invoice->invoice_amount, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <!-- <h4 class="mt-4">Payment Terms</h4>
                <p>No invoices available for this lead.</p> -->
                @endif
            </div>



            <!-- Delivery Schedule -->
            <div class="no-break mt-3">
                <h4 class="text-center">DELIVERY SCHEDULE</h4>
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <td>Design Finalization</td>
                            <td>Week 1</td>
                        </tr>
                        <tr>
                            <td>Structure Fabrication</td>
                            <td>Week 1 and 2</td>
                        </tr>
                        <tr>
                            <td>Structure and BOS Installation</td>
                            <td>Week 1, 2, and 3</td>
                        </tr>
                        <tr>
                            <td>Module and Inverter Installation</td>
                            <td>Week 3 and 4</td>
                        </tr>
                        <tr>
                            <td>Testing and Handover</td>
                            <td>Week 4</td>
                        </tr>
                    </tbody>
                </table>
            </div>





            <div class="no-break mt-3">
                <h4 class="text-center">PROJECT SUMMARY</h4>
                <table class="table table-bordered">
                    <tbody>
                        @php
                        $cost = is_numeric($estimatedCost) ? $estimatedCost : 0;

                        // Remove "kw", "KW", spaces, etc. and cast to float
                        $cleanedCapacity = preg_replace('/[^0-9.]/', '', $template->capacity);
                        $capacityKW = is_numeric($cleanedCapacity) ? (float) $cleanedCapacity : 1;

                        $capacityWatts = $capacityKW * 1000;
                        $perWattCost = $capacityWatts > 0 ? ($cost / $capacityWatts) : 0;
                        @endphp

                        <tr>
                            <td>Estimated Per Watt Project Cost:</td>
                            <td>₹ {{ number_format($perWattCost, 2) }}</td>
                        </tr>
                        <tr>
                            <td>Breakeven / ROI projected:</td>
                            <td>2.17 years</td>
                        </tr>
                        <tr>
                            <td>IRR% (estimated):</td>
                            <td>37%</td>
                        </tr>
                        <tr>
                            <td>Solar Module Warranty:</td>
                            <td>10 years</td>
                        </tr>
                        <tr>
                            <td>Generation Guarantee:</td>
                            <td>25 years</td>
                        </tr>
                        <tr>
                            <td>Solar Inverter Warranty:</td>
                            <td>10 years</td>
                        </tr>
                        {{-- <tr id="warrantyRow">
                <td>Surjaa Warranty:</td>
                <td id="warrantyValue">
                    {{ $lead->warranty }} {{ $lead->warranty > 1 ? 'years' : 'year' }}
                        </td>
                        </tr> --}}



                    </tbody>
                </table>
            </div>



            <p class="text-center">Power Grid | Solar | Wind | Hydro | Telecom | Energy Storage | O&M | Infrastructure</p>
            <p class="text-center">All disputes subject to Faridabad courts only. E.&O.E.</p>

            <h5>Signed and Accepted</h5>
            <p><strong>Name:</strong> ______________</p>
            <p><strong>Phone:</strong> ______________</p>
            <p><strong>Date:</strong> ______________</p>
            <p><strong>Salesperson:</strong> ______________</p>
            <p><strong>Notes:</strong></p>
            <hr>

        </div>
    </div>



    <div class="no-print mt-3">

        @if(!empty($project->status))

        <div class="card">
            <div class="card-body">

                <h5>Please Take Action!</h5>

                {!! Form::open(['id' => 'dataForm', 'name' => 'dataForm', 'class'=>'form-horizontal']) !!}

                {{csrf_field()}}

                {!! Form::hidden('project_id', $project->id, ['id'=>'project_id']); !!}

                <div class="row">
                    <div class="col-md-3">
                        {!! Form::select('status', $statuses, '', ['class'=>'standardSelect form-control', 'title'=>'Select Status', 'data-live-search'=>'true', 'id'=>'status' , 'data-style'=>'btn-sp', 'data-dropup-auto'=>'false', 'data-size'=>'5']) !!}
                    </div>

                    <div class="col-md-6">
                        {!! Form::text('remarks', '', ['class'=>'form-control', 'placeholder'=>'Enter Remarks', 'id'=>'remarks']) !!}
                    </div>

                    <div class="col-md-3">
                        {!! Form::submit('Submit', ['class'=>'btn btn-primary btn-sm', 'id'=>'saveBtn']); !!}
                    </div>
                </div>
                {!! Form::close(); !!}
            </div>
        </div>

        @else

        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <p class="lead">Your response has been submitted.</p>
                    </div>
                </div>
            </div>
        </div>

        @endif
    </div>

</div>


@stop

@section('scripting')

<script>
    $(document).ready(function() {

        document.getElementById('printBtn').addEventListener('click', function() {
            window.print();
        });


        $('#dataForm').on('submit', function(e) {
            e.preventDefault();

            let form = this;
            let formData = new FormData(form);

            $('#saveBtn').prop('disabled', true).text('Submitting...');

            $.ajax({
                url: "{{ url('requirements/proposal/respond') }}",
                method: "POST",
                data: formData,
                contentType: false,
                processData: false,

                success: function(response) {
                    // Reset form and close modal
                    $('#kwhModal').modal('hide');
                    $('#saveBtn').prop('disabled', false).text('Submit');

                    // Success message
                    swal({
                        title: "Success!",
                        text: response.msg,
                        icon: "success"
                    }).then(() => {
                        window.location.href = "{{ url('/onboarding') }}";
                    });
                },

                error: function(xhr) {
                    $('#saveBtn').prop('disabled', false).text('Submit');

                    if (xhr.status === 422) {
                        const errors = xhr.responseJSON.errors;
                        $('.text-danger').html(''); // Clear previous errors
                        $.each(errors, function(key, value) {
                            $('#' + key + '-error').text(value[0]);
                            $('#' + key).addClass('is-invalid');
                        });
                    } else {
                        alert('An unexpected error occurred.');
                    }
                }
            });
        });


    });
</script>

@endsection