@extends('layouts.app')

@section('title', 'Recurring Invoice Details')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1">
                <li class="breadcrumb-item"><a href="{{ route('recurring-invoices.index') }}">Recurring Invoices</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $recurringInvoice->profile_name }}</li>
            </ol>
        </nav>
        <h2 class="h4 mb-0 text-truncate">{{ $recurringInvoice->profile_name }}</h2>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('recurring-invoices.edit', $recurringInvoice) }}" class="btn btn-outline-warning">
            <i class="fas fa-edit me-2"></i> Edit Profile
        </a>
        @if($recurringInvoice->status == 'active')
            <form action="{{ route('recurring-invoices.pause', $recurringInvoice) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-outline-warning"><i class="fas fa-pause me-2"></i> Pause</button>
            </form>
        @elseif($recurringInvoice->status == 'paused')
            <form action="{{ route('recurring-invoices.resume', $recurringInvoice) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-outline-success"><i class="fas fa-play me-2"></i> Resume</button>
            </form>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card stat-card border-0 mb-4">
            <div class="card-body p-4">
                <h5 class="card-title text-primary mb-4 fw-bold">Item Details</h5>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead class="table-light text-muted small text-uppercase">
                            <tr>
                                <th>Item Name</th>
                                <th class="text-center">Quantity</th>
                                <th class="text-end">Rate</th>
                                <th class="text-end">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recurringInvoice->items as $item)
                                <tr>
                                    <td>{{ $item->item_name }}</td>
                                    <td class="text-center">{{ $item->quantity }}</td>
                                    <td class="text-end">{{ formatCurrency($item->rate) }}</td>
                                    <td class="text-end fw-semibold">{{ formatCurrency($item->amount) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="border-top">
                            <tr>
                                <td colspan="3" class="text-end text-muted">Subtotal</td>
                                <td class="text-end">{{ formatCurrency($recurringInvoice->subtotal) }}</td>
                            </tr>
                            @if($recurringInvoice->tax_amount > 0)
                            <tr>
                                <td colspan="3" class="text-end text-muted">Tax</td>
                                <td class="text-end">{{ formatCurrency($recurringInvoice->tax_amount) }}</td>
                            </tr>
                            @endif
                            @if($recurringInvoice->discount > 0)
                            <tr>
                                <td colspan="3" class="text-end text-danger italic">Discount (-)</td>
                                <td class="text-end text-danger">- {{ formatCurrency($recurringInvoice->discount) }}</td>
                            </tr>
                            @endif
                            @if($recurringInvoice->adjustment != 0)
                            <tr>
                                <td colspan="3" class="text-end text-muted">Adjustment</td>
                                <td class="text-end">{{ formatCurrency($recurringInvoice->adjustment) }}</td>
                            </tr>
                            @endif
                            <tr class="fw-bold h5">
                                <td colspan="3" class="text-end border-top">Total</td>
                                <td class="text-end text-primary border-top">{{ formatCurrency($recurringInvoice->total_amount) }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="card stat-card border-0 shadow-sm">
            <div class="card-body p-4">
                <h5 class="card-title text-primary mb-4 fw-bold">Invoices History</h5>
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead class="table-light text-muted small text-uppercase">
                            <tr>
                                <th>Date</th>
                                <th>Invoice #</th>
                                <th class="text-end">Amount</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recurringInvoice->invoices as $invoice)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($invoice->invoice_date)->format('d M Y') }}</td>
                                    <td><a href="{{ route('invoices.show', $invoice) }}" class="fw-bold">{{ $invoice->invoice_number }}</a></td>
                                    <td class="text-end fw-semibold">{{ formatCurrency($invoice->total_amount) }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-light-{{ $invoice->status == 'paid' ? 'success' : 'danger' }} text-{{ $invoice->status == 'paid' ? 'success' : 'danger' }} px-3 py-2 text-uppercase" style="font-size: 0.7rem;">
                                            {{ $invoice->status }}
                                        </span>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('invoices.show', $invoice) }}" class="btn btn-light btn-sm">View</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center py-4 text-muted small">No invoices generated yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card stat-card border-0 mb-4 h-100 shadow-sm">
            <div class="card-body p-4 text-center">
                <div class="mb-4">
                    <div class="avatar-lg bg-light-primary text-primary rounded-circle mx-auto d-flex align-items-center justify-content-center" style="width: 80px; height: 80px; font-size: 2rem;">
                        <i class="fas fa-user"></i>
                    </div>
                    <h5 class="mt-3 mb-1 fw-bold">{{ $recurringInvoice->customer->name }}</h5>
                    <p class="text-muted small">{{ $recurringInvoice->customer->email }}</p>
                </div>

                <hr class="my-4">

                <div class="row g-4 text-start">
                    <div class="col-6">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Frequency</label>
                        <div class="fw-bold text-dark text-capitalize">{{ $recurringInvoice->frequency }}</div>
                        <div class="small text-muted">Every {{ $recurringInvoice->interval_value }} {{ Str::plural(Str::replace('ly', ' ', $recurringInvoice->frequency), $recurringInvoice->interval_value) }}</div>
                    </div>
                    <div class="col-6">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Status</label>
                        @php
                            $badgeClass = [
                                'active' => 'bg-light-success text-success',
                                'paused' => 'bg-light-warning text-warning',
                                'stopped' => 'bg-light-danger text-danger'
                            ][$recurringInvoice->status] ?? 'bg-light-secondary text-secondary';
                        @endphp
                        <span class="badge {{ $badgeClass }} px-3 py-2 text-uppercase" style="font-size: 0.7rem;">
                            {{ $recurringInvoice->status }}
                        </span>
                    </div>
                    <div class="col-6">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Start Date</label>
                        <div class="fw-bold text-dark small">{{ \Carbon\Carbon::parse($recurringInvoice->start_date)->format('d M Y') }}</div>
                    </div>
                    <div class="col-6">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Next Run Date</label>
                        <div class="fw-bold text-primary small">{{ \Carbon\Carbon::parse($recurringInvoice->next_run_date)->format('d M Y') }}</div>
                    </div>
                    <div class="col-6">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Auto Send</label>
                        <div class="fw-bold text-dark small">{{ $recurringInvoice->auto_send ? 'Enabled' : 'Disabled' }}</div>
                    </div>
                    <div class="col-12">
                        <label class="text-muted small fw-bold text-uppercase d-block mb-1">Terms</label>
                        <div class="fw-bold text-dark small">{{ $recurringInvoice->payment_terms ?: 'Due on Receipt' }}</div>
                    </div>
                </div>

                @if($recurringInvoice->customer_notes)
                <div class="mt-4 text-start bg-light p-3 rounded-3">
                    <label class="text-muted small fw-bold text-uppercase d-block mb-1">Notes</label>
                    <p class="small text-muted mb-0 italic" style="font-style: italic;">"{{ $recurringInvoice->customer_notes }}"</p>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection