@extends('layouts/layoutMaster')

@section('title', 'Proposal')

@section('page-script')
@vite('resources/js/print-invoice.js')
@endsection

@section('content')
<div class="invoice-print p-5">
    <!-- Centered Title -->
    <div class="text-center mb-5">
        <h2 class="text-dark mb-4">Proposal</h2>
    </div>

    <!-- Header Section -->
    <div class="bg-light p-4 rounded-3 mb-4">
        <div class="row">
            <!-- Left Side - Client Details -->
            <div class="col-6">
                @php
                  if(!empty($dealer)){
                      $data = $dealer;
                      $city = \App\Models\City::where('id', $data->city)->value('name');
                      $state = \App\Models\State::where('id', $data->state)->value('name');
                      $country = \App\Models\Country::where('id', $data->country)->value('name');
                  } else {
                      $data = $lead;
                      $city = \App\Models\City::where('id', $data->city)->value('name');
                      $state = \App\Models\State::where('id', $data->state)->value('name');
                      $country = \App\Models\Country::where('id', $data->country)->value('name');
                  }
                @endphp
                @if($data)
                <h5 class="text-dark mb-3">{{ $data->name }}</h5>
                <p class="mb-1" style="font-size: 0.9rem">{{ $data->office_address ?? $data->address }}</p>
                <p class="mb-1" style="font-size: 0.9rem">{{ $city }},{{ $state }},{{ $country }},{{ $data->zipcode }}</p>
                <p class="mb-1" style="font-size: 0.9rem">{{ $data->email }}</p>
                <p class="mb-3" style="font-size: 0.9rem">{{ $data->phone_no ?? $data->phone }}</p>
                @endif
                @if($proposal)
                <div class="mt-2">
                  <p class="mb-1" style="font-size: 0.9rem"><span class="text-muted">Date:</span> {{ \Carbon\Carbon::parse($proposal->date)->format('d-m-Y') }}</p>
                  <p class="mb-1" style="font-size: 0.9rem"><span class="text-muted">Open Till:</span> {{ \Carbon\Carbon::parse($proposal->open_till)->format('d-m-Y') }}</p>
                </div>
                @endif
            </div>

            <!-- Right Side - Company Details -->
            <div class="col-6 text-end">
                @if($company)
                    <img src="{{ $company->user->profile_photo_path }}" class="rounded mb-2" width="24px" alt="Company Logo">
                    <h5 class="text-dark mb-3">{{ $company->company_name }}</h5>
                    <p class="mb-1" style="font-size: 0.9rem">Plot No: {{ $company->billing_address }}</p>
                    <p class="mb-1" style="font-size: 0.9rem">Phone: {{ $company->phone }}</p>
                    <p class="mb-1" style="font-size: 0.9rem">Email: {{ $company->email }}</p>
                    <p class="mb-1" style="font-size: 0.9rem">GST: {{ $company->gst }}</p>
                    <p class="mb-1" style="font-size: 0.9rem">CIN No: {{ $company->cin_no }}</p>
                @endif
            </div>
        </div>
    </div>

    <!-- Items Table -->
    <div class="table-responsive">
        <table class="table">
            <thead class="bg-light">
                <tr>
                    <th style="width: 5%">NO</th>
                    <th style="width: 20%">PRODUCT</th>
                    <th style="width: 25%">DESCRIPTION</th>
                    <th style="width: 10%">QUANTITY</th>
                    <th style="width: 10%">RATE</th>
                    @if($data->state != 12)
                        <th style="width: 10%">IGST</th>
                    @else
                        <th style="width: 10%">CGST</th>
                        <th style="width: 10%">SGST</th>
                    @endif
                    <th style="width: 15%">TOTAL</th>
                </tr>
            </thead>
            <tbody>
                @foreach($proposalItem as $index => $items)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $items->product->name }}</td>
                        <td>{{ $items->descriptions }}</td>
                        <td>{{ number_format($items->quantity, 2) }}</td>
                        <td>{{ number_format($items->rates, 2) }}</td>
                        @if($items->sgst != NULL)
                            <td>{{ number_format($items->cgst, 2) }}</td>
                            <td>{{ number_format($items->sgst, 2) }}</td>
                        @else
                            <td>{{ number_format($items->igst, 2) }}</td>
                        @endif
                        <td>{{ number_format($items->totals, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Totals Section -->
    <div class="row mt-4">
      <div class="col-12">
        <div class="text-end">
            <div class="d-flex justify-content-between mb-2">
                <span class="fw-semibold">Sub Total:</span>
                <span>₹{{ number_format($proposal->subtotal, 2) }}</span>
            </div>
            <div class="d-flex justify-content-between mb-2">
                <span class="fw-semibold">Discount:</span>
                <span class="text-danger">-₹{{ number_format($proposal->discount_value, 2) }}</span>
            </div>
            <div class="d-flex justify-content-between mb-2">
                <span class="fw-semibold">Tax:</span>
                <span>₹{{ number_format($proposal->tax_total, 2) }}</span>
            </div>
            <div class="d-flex justify-content-between pt-3 border-top">
                <span class="fw-bold fs-5">Total:</span>
                <span class="fw-bold fs-5">₹{{ number_format($proposal->overall_total, 2) }}</span>
            </div>
        </div>
      </div>

    </div>
    <hr>

    <!-- Note Section -->
    <div class="mt-5">
        <p class="text-muted mb-0">
            <span class="fw-bold">Note:</span>
            It was a pleasure working with you and your team. We hope you will keep us in mind for future. Thank You!
        </p>
    </div>
</div>

<style>
@media print {
    /* Hide UI elements */
    nav,
    .header-navbar,
    .menu-toggle,
    .navbar,
    .app-brand,
    .search-input,
    .notification-button,
    .theme-toggle,
    button,
    .footer {
        display: none !important;
    }

    /* Print styles */
    .invoice-print {
        padding: 2rem !important;
        margin: 0 !important;
    }

    /* Background colors */
    .bg-light {
        background-color: #f8f9fa !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Table styles */
    .table thead {
        background-color: #f8f9fa !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .table td,
    .table th {
        padding: 0.75rem !important;
        border-color: #dee2e6 !important;
    }

    /* Text styles */
    body {
        color: #333 !important;
        font-size: 14px !important;
    }

    /* Remove backgrounds */
    body {
        background: none !important;
    }

    /* Ensure images print properly */
    img {
        max-width: 24px !important;
    }
}
</style>
@endsection