@extends('operations.layout.mainlayout')
@section('content')
    @php
        $global_html = $global_symbol['is_html'] ?? false;
    @endphp
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="card-body">
                    <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">Subscription</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        <h4># Invoices</h4>
                    </div>
                    <div class="card-body">
                        {{ $totalInvoices }}
                    </div>
                </div>
            </div>
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        <h4>Total Invoices Amount</h4>
                    </div>
                    <div class="card-body">
                        {{ number_format($totalInvoiceAmount, 2) }} @if($global_html && isset($global_symbol['currency']))
                            {!! $global_symbol['currency'] !!}
                        @else
                            {{ $global_symbol['currency'] ?? 'SAR' }}
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        <h4>Total Payments</h4>
                    </div>
                    <div class="card-body">
                        {{ number_format($totalPayments, 2) }} @if($global_html && isset($global_symbol['currency']))
                            {!! $global_symbol['currency'] !!}
                        @else
                            {{ $global_symbol['currency'] ?? 'SAR' }}
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        <h4>Balance</h4>
                    </div>
                    <div class="card-body">
                        {{ number_format($balance, 2) }} @if($global_html && isset($global_symbol['currency']))
                            {!! $global_symbol['currency'] !!}
                        @else
                            {{ $global_symbol['currency'] ?? 'SAR' }}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <!-- Invoices Table -->
                    <div class="card">
                        <div class="card-header">
                            <h4>Invoices</h4>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Invoice No</th>
                                        <th>Invoice Date</th>
                                        <th>Invoice Period</th>
                                        <th>Amount (
                                            @if($global_html && isset($global_symbol['currency']))
                                                {!! $global_symbol['currency'] !!}
                                            @else
                                                {{ $global_symbol['currency'] ?? 'SAR' }}
                                            @endif
                                            )</th>
                                        <th>Payments (@if($global_html && isset($global_symbol['currency']))
                                                {!! $global_symbol['currency'] !!}
                                            @else
                                                {{ $global_symbol['currency'] ?? 'SAR' }}
                                            @endif
                                            )</th>
                                        <th>Status</th>
                                        <th>Sadad Number</th>
                                        <th>Invoice File</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($invoices as $invoice)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $invoice->INVOICE_NO }}</td>
                                            <td>{{ $invoice->INVOICE_DATE }}</td>
                                            <td>{{ $invoice->FROM_DATE }} to {{ $invoice->TO_DATE }}</td>
                                            <td>{{ number_format($invoice->INVOICE_AMOUNT, 2) }}</td>
                                            <td>{{ number_format($invoice->PAYMENTS_AMOUNT, 2) }}</td>
                                            <td>
                                                @switch($invoice->INVOICE_STATUS)
                                                    @case("Paid")
                                                        <span class="badge badge-success">{{ $invoice->INVOICE_STATUS }}</span>
                                                    @break
                                                    @case("Partially Paid")
                                                        <span class="badge badge-primary">{{ $invoice->INVOICE_STATUS }}</span>
                                                    @break
                                                    @default
                                                        <span class="badge badge-warning">{{ $invoice->INVOICE_STATUS }}</span>
                                                @endswitch
                                            </td>
                                            <td>{{ $invoice->SADAD_NUMBER ?? 'N/A' }}</td>
                                            <td>
                                                @if ($invoice->INVOICE_FILE)
                                                    <a href="{{ \Illuminate\Support\Facades\Storage::disk('s3')->url($invoice->INVOICE_FILE) }}" target="_blank" style="text-decoration: none;color:#FFF !important" class="btn btn-sm btn-info">Download</a>
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="9" class="text-center">No invoices found.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection