@extends('fronted.layout.main')
<style>
    .invoice-container {
        max-width: 800px;
        margin: 50px auto;
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #fff;
    }

    .invoice-header,
    .invoice-footer {
        text-align: center;
        margin-bottom: 20px;
    }

    .invoice-header h1 {
        margin: 0;
    }

    .invoice-section {
        margin-bottom: 20px;
    }

    .invoice-details th,
    .invoice-details td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

    .invoice-details th {
        background-color: #f8f9fa;
    }

    .total-row {
        font-weight: bold;
    }
</style>
@section('adcontent')
    <div class="invoice-container">
        {{-- Invoice Header --}}
        <div class="invoice-header">
            <h4>Subscription Invoice</h4>
        </div>

        {{-- Error Handling --}}
        @if ($error)
            <div class="alert alert-danger">
                <strong>Error:</strong> {{ $error }}
            </div>
        @elseif(isset($subscriptionData['status']) && $subscriptionData['status'])
            @php 
            $data = $subscriptionData['data'] ?? $subscriptionData;
            @endphp
            {{-- Customer Details --}}
            <div class="invoice-section">
                <h5>Customer Details</h5>
                <div class="d-flex justify-content-between  align-items-center">
                    <div>
                        <p class="mb-0 fs-6"><strong>Business Name:</strong> {{ $data->businessname }}</p>
                        <p class="mb-0 fs-6 "><strong>User Name:</strong> {{ $data->fname }} {{ $data->lname }}</p>
                        <p class="mb-0 fs-6"><strong>Email:</strong> {{ $data->email }}</p>
                        <p class="mb-0 fs-6"><strong>Contact:</strong> {{ $data->mobile }},{{ $data->mobile_secondary }}</p>
                    </div>
                    <div class="pdf-logo">
                        <img src="{{ asset('assets/images/new_hostal_logo.png') }}" class="img-fluid" width="150" height="150" alt="bil-logo-img">
                    </div>
                </div>
            </div>
            <hr>
            {{-- Plan Details --}}
            <div class="invoice-section">
                <h5>Plan Details</h5>
                <table class="table table-bordered invoice-details">
                    <thead>
                        <tr>
                            <th>Plan Name</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>No. of Seats</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $data->salesSubscription->subscriptionDetail->package_category }}
                                {{ $data->salesSubscription->subscriptionDetail->package_title }}({{ $data->salesSubscription->subscriptionDetail->package_duration }})
                            </td>
                            <td>{{ \Carbon\Carbon::parse($data->salesSubscription->startdate)->format('d-M-Y') }}</td>
                            <td>{{ \Carbon\Carbon::parse($data->salesSubscription->enddate)->format('d-M-Y') }}</td>
                            <td>{{ $data->salesSubscription->no_of_seats }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <hr>
            {{-- Pricing Details --}}
            <div class="invoice-section">
                <h5>Pricing Details</h5>
                <table class="table table-bordered invoice-details">
                    <thead>
                        <tr>
                            <th>Description</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Plan Price/Seat</td>
                            <td>
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->plan_price, 2) }}
                            </td>
                        </tr>

                        <tr>
                            <td>Total Amount</td>
                            <td>
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->total_amount, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td>Add-On Item Amount</td>
                            <td>
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->AddOn_itemAmount, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Previous Bill Remaning
                            </td>
                            <td>

                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->pre_remaning_amount, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td>GST({{ $data->salesSubscription->plan_gst }}%)</td>
                            <td>
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format((($data->salesSubscription->total_amount + $data->salesSubscription->AddOn_itemAmount - $data->salesSubscription->pre_remaning_amount) * $data->salesSubscription->plan_gst) / 100, 2) }}
                            </td>
                        </tr>

                        <tr>
                            <td>Payable Amount</td>
                            <td>
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->paid_amount, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td>Remaining Amount</td>
                            <td>
                                {{-- <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ number_format($data->salesSubscription->pre_remaning_amount, 2) }} --}}
                                <i
                                    class="fa-solid fa-indian-rupee-sign"></i>{{ $data->salesSubscription->payment_status !== 'COMPLETED' ? number_format($data->salesSubscription->paid_amount, 2) : 0 }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            {{-- Footer Notes --}}
            <div class="invoice-footer">
                <div class="d-flex justify-content-between">
                    <p><strong>Payment Status:</strong> {{ $data->salesSubscription->payment_status }}</p>
                    <p><strong>Date:</strong> {{ $data->salesSubscription->payment_data_time->format('d-M-Y h:i A') }}</p>
                </div>
                <p class="text-capitalize">Thank you for doing business with us</p>
            </div>
        @else
            <div class="alert alert-warning">
                <strong>Notice:</strong> No subscription details are available.
            </div>
        @endif
    </div>
@endsection