@extends('layouts/layoutMaster')

@section('title', 'Proposal')

@section('vendor-style')
@vite('resources/assets/vendor/libs/flatpickr/flatpickr.scss')
@endsection

@section('page-style')
@vite('resources/assets/vendor/scss/pages/app-invoice.scss')
@endsection

@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/flatpickr/flatpickr.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js'
])
@endsection

{{-- @section('page-script')
@vite([
  'resources/assets/js/offcanvas-add-payment.js',
  'resources/assets/js/offcanvas-send-invoice.js'
])
@endsection --}}
@section('content')
<div class="row invoice-preview">
  <!-- Invoice -->
  <div class="col-xl-9 col-md-8 col-12 mb-md-0 mb-6">
    <div class="card invoice-preview-card p-sm-12 p-6">
        <!-- Header Section -->
        <div class="card-body invoice-preview-header rounded-4 p-6">
            <div class="text-center mb-4">
              <h2 class="fw-bold invoice-title" style="font-size: 30px;">Proposal</h2>
            </div>

            <div class="d-flex justify-content-between flex-xl-row flex-md-column flex-sm-row flex-column">
                <!-- Left Side - Customer & Proposal Info -->
                <div class="left-section">
                    {{-- <div class="mb-4">
                        <h2 class="fw-bold mb-2" style="font-size: 30px;">Proforma Invoice</h2>
                    </div> --}}

                    @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
                    {{-- {{ dd($data) }} --}}
                    @if($data)
                    <div class="customer-details mb-4">
                        <h4 class="fw-bold mb-2">{{ $data->name }}</h4>
                        <p class="mb-1">{{ $data->office_address ?? $data->address }},{{ $city }},{{ $state }},{{ $country }},{{ $data->zipcode }}</p>
                        <p class="mb-1">{{ $data->email }}</p>
                        <p class="mb-1">{{ $data->phone_no ?? $data->phone }}</p>
                    </div>
                    @endif

                    @if($proposal)
                    <div class="proposal-dates">
                        <div class="mb-1">
                            <strong>Date:</strong> {{ $proposal->date }}
                        </div>
                        <div class="mb-1">
                            <strong>Open Till:</strong> {{ $proposal->open_till }}
                        </div>
                    </div>
                    @endif
                </div>

                <!-- Right Side - Company Info -->
                @if($company)
                <div class="right-section text-end">
                    <div class="company-info">
                        <div class="user-profile mb-3">
                            <img src="{{ $company->user->profile_photo_path }}" class="rounded-circle" width="80px" alt="Company Logo">
                        </div>
                        <h4 class="fw-bold mb-2">{{ $company->company_name }}</h4>
                        <p class="mb-1">Plot No: {{ $company->billing_address }},{{ $company->city->name }},{{ $company->state->name }},{{ $company->country->name }},{{ $company->billing_zipcode }}</p>
                        <p class="mb-1">Phone: {{ $company->phone }}</p>
                        <p class="mb-1">Email: {{ $company->email }}</p>
                        <p class="mb-1">GST: {{ $company->gst }}</p>
                        <p class="mb-1">CIN No: {{ $company->cin_no }}</p>
                    </div>
                </div>
                @endif
            </div>
        </div>

        <!-- Items Table -->
        <div class="table-responsive mt-4 border rounded-4">
            <table class="table mb-0">
                <thead class="bg-light">
                    <tr>
                        <th class="px-4 py-3">No</th>
                        <th class="px-4 py-3">Product</th>
                        <th class="px-4 py-3">Description</th>
                        <th class="px-4 py-3">Quantity</th>
                        <th class="px-4 py-3">Rate</th>
                        @if($data->state != 12)
                            <th class="px-4 py-3">IGST</th>
                        @else
                            <th class="px-4 py-3">CGST</th>
                            <th class="px-4 py-3">SGST</th>
                        @endif
                        <th class="px-4 py-3">Total</th>
                    </tr>
                </thead>
                <tbody>
                    @php $i = 1; @endphp
                    @foreach ($proposalItem as $items)
                    <tr>
                        <td class="px-4 py-3">{{ $i++ }}</td>
                        <td class="px-4 py-3">
                            {{ $items->product->name }}
                            <input type="hidden" name="product_ids" value="{{ $items->product_id }}">
                        </td>
                        <td class="px-4 py-3">{{ $items->descriptions }}</td>
                        <td class="px-4 py-3">{{ number_format($items->quantity, 2) }}</td>
                        <td class="px-4 py-3">{{ number_format($items->rates, 2) }}</td>
                        @if($items->sgst != NULL)
                            <td class="px-4 py-3">{{ number_format($items->cgst, 2) }}</td>
                            <td class="px-4 py-3">{{ number_format($items->sgst, 2) }}</td>
                        @else
                            <td class="px-4 py-3">{{ number_format($items->igst, 2) }}</td>
                        @endif
                        <td class="px-4 py-3">{{ number_format($items->totals, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <br>
        <div class="row mt-3">
          <div class="col-md-6 ms-auto text-end">
              <span><strong>Sub Total :</strong></span>
              <input type="hidden" class="subtotal" name="subtotal" value="">
              <span id="subtotal">₹{{ $proposal->subtotal }}</span>
          </div>
        </div>
        <hr>

        <div class="row mt-2">
            <div class="col-md-4 ms-auto text-end">
                <span><strong>Discount :</strong></span>
                <span>
                    <span id="discount_value">-₹{{ $proposal->discount_value }}</span>
                </span>
            </div>
        </div>
        <hr>

        <div class="row mt-2">
            <div class="col-md-6 ms-auto text-end">
                <input type="hidden" class="tax_total" name="tax_total" value="">
                <span><strong>Tax :</strong></span>
                <span id="tax_total">₹{{ $proposal->tax_total }}</span>
            </div>
        </div>
        <hr>

        <div class="row mt-2">
            <div class="col-md-6 ms-auto text-end">
                <input type="hidden" class="overall_total" name="overall_total" value="">
                <span><strong>Total :</strong></span>
                <span id="overall_total"><strong>₹{{ $proposal->overall_total }}</strong></span>
            </div>
        </div>
        <hr>
        <br>

        <!-- Footer Note -->
        <div class="card-body p-4 mt-4">
            <div class="row">
                <div class="col-12">
                    <p class="mb-0">
                        <span class="fw-bold">Note:</span>
                        <span class="ms-2">It was a pleasure working with you and your team. We hope you will keep us in mind for future. Thank You!</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
  </div>



  <div class="col-xl-3 col-md-4 col-12 invoice-actions">
    <div class="card">
      <div class="card-body">
        <button class="btn btn-primary d-grid w-100 mb-4" data-bs-toggle="offcanvas" data-bs-target="#sendInvoiceOffcanvas">
          <span class="d-flex align-items-center justify-content-center text-nowrap">
            <i class="ri-send-plane-line ri-16px scaleX-n1-rtl me-2"></i>Send Invoice
          </span>
        </button>
        <button class="btn btn-outline-secondary d-grid w-100 mb-4">Download</button>
        <div class="d-flex mb-4">
          <a class="btn btn-outline-secondary d-grid w-100 me-4" target="_blank" href="{{ route('proposal-list.print', ['id' => $proposal->id]) }}">
            Print
          </a>
        </div>
        <button class="btn btn-success d-grid w-100" data-bs-toggle="offcanvas" data-bs-target="#addPaymentOffcanvas">
          <span class="d-flex align-items-center justify-content-center text-nowrap">
            <i class="ri-money-dollar-circle-line ri-16px me-2"></i>Add Payment
          </span>
        </button>
          </div>
      </div>
  </div>
</div>



<!-- Offcanvas -->
@include('_partials/_offcanvas/offcanvas-send-invoice')
@include('_partials/_offcanvas/offcanvas-add-payment')
<!-- /Offcanvas -->
@endsection