@extends('adminlte::page')

@section('title', 'Payment Links')

@section('content_header')
    <h1>Payment Links Management</h1>
@stop

@section('content')
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12">
            <a href="{{ route('admin.payment-links.create') }}" class="btn btn-primary">
                <i class="fas fa-plus mr-2"></i>Create New Payment Link
            </a>
        </div>
    </div>

    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ session('success') }}
    </div>
    @endif

    @if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ session('error') }}
    </div>
    @endif

    <!-- Stats Cards -->
    <div class="row mb-4">
        <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ $paymentLinks->total() }}</h3>
                    <p>Total Links</p>
                </div>
                <div class="icon">
                    <i class="fas fa-link"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>{{ \App\Models\PaymentLink::where('status', 'active')->count() }}</h3>
                    <p>Active</p>
                </div>
                <div class="icon">
                    <i class="fas fa-check-circle"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-primary">
                <div class="inner">
                    <h3>{{ \App\Models\PaymentLink::where('status', 'used')->count() }}</h3>
                    <p>Used</p>
                </div>
                <div class="icon">
                    <i class="fas fa-money-bill"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3>{{ \App\Models\PaymentLink::whereIn('status', ['expired', 'cancelled'])->count() }}</h3>
                    <p>Expired/Cancelled</p>
                </div>
                <div class="icon">
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- Filter Section -->
    <div class="card">
        <div class="card-body">
            <form method="GET" class="form-inline">
                <div class="form-group mr-2 mb-2">
                    <input type="text" name="search" class="form-control" 
                           placeholder="Search by email, name, or token..." 
                           value="{{ request('search') }}">
                </div>
                
                <div class="form-group mr-2 mb-2">
                    <select name="status" class="form-control">
                        <option value="">All Status</option>
                        <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                        <option value="used" {{ request('status') == 'used' ? 'selected' : '' }}>Used</option>
                        <option value="expired" {{ request('status') == 'expired' ? 'selected' : '' }}>Expired</option>
                        <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                    </select>
                </div>

                <button type="submit" class="btn btn-secondary mr-2 mb-2">
                    <i class="fas fa-filter"></i> Filter
                </button>
                
                <a href="{{ route('admin.payment-links.index') }}" class="btn btn-default mb-2">
                    <i class="fas fa-redo"></i> Reset
                </a>
            </form>
        </div>
    </div>

    <!-- Payment Links Table -->
    <div class="card mt-3">
        <div class="card-body table-responsive p-0">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th>Link Token</th>
                        <th>Customer</th>
                        <th>Service/Amount</th>
                        <th>Status</th>
                        <th>Created</th>
                        <th>Expires</th>
                        <th class="text-right">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($paymentLinks as $link)
                    <tr>
                        <td>
                            <small class="d-block font-weight-bold text-monospace">{{ $link->link_token }}</small>
                            <button onclick="copyToClipboard('{{ $link->full_url }}')" 
                                    class="btn btn-link btn-sm p-0 text-primary">
                                <i class="fas fa-copy"></i> Copy Link
                            </button>
                        </td>
                        <td>
                            @if($link->customer_name)
                                <div class="font-weight-bold">{{ $link->customer_name }}</div>
                            @endif
                            @if($link->customer_email)
                                <small class="text-muted">{{ $link->customer_email }}</small>
                            @endif
                            @if(!$link->customer_name && !$link->customer_email)
                                <span class="text-muted"><em>Not specified</em></span>
                            @endif
                        </td>
                        <td>
                            @if($link->service)
                                <div class="font-weight-bold">{{ $link->service->menu_title ?? $link->service->title }}</div>
                                <small class="text-muted">
                                    {{ \App\Services\CurrencyService::getSymbol($link->service->currency ?? '$') }}{{ number_format($link->service->visament_fee + $link->service->government_fee, 2) }}
                                </small>
                            @elseif($link->custom_amount)
                                <span class="font-weight-bold">
                                    {{ \App\Services\CurrencyService::getSymbol($link->currency) }}{{ number_format($link->custom_amount, 2) }}
                                </span>
                            @else
                                <span class="text-muted"><em>Not specified</em></span>
                            @endif
                        </td>
                        <td>
                            @php
                                $statusClasses = [
                                    'active' => 'badge-success',
                                    'used' => 'badge-primary',
                                    'expired' => 'badge-danger',
                                    'cancelled' => 'badge-secondary',
                                ];
                                $statusIcons = [
                                    'active' => 'fa-check-circle',
                                    'used' => 'fa-money-bill',
                                    'expired' => 'fa-clock',
                                    'cancelled' => 'fa-ban',
                                ];
                            @endphp
                            <span class="badge {{ $statusClasses[$link->status] ?? 'badge-secondary' }}">
                                <i class="fas {{ $statusIcons[$link->status] ?? 'fa-question' }}"></i>
                                {{ ucfirst($link->status) }}
                            </span>
                        </td>
                        <td>
                            <div>{{ $link->created_at->format('M d, Y') }}</div>
                            <small class="text-muted">{{ $link->created_at->format('h:i A') }}</small>
                        </td>
                        <td>
                            @if($link->expires_at)
                                <div class="{{ $link->expires_at->isPast() ? 'text-danger font-weight-bold' : '' }}">
                                    {{ $link->expires_at->format('M d, Y') }}
                                </div>
                                <small class="text-muted">{{ $link->expires_at->format('h:i A') }}</small>
                                @if($link->expires_at->isPast())
                                    <small class="text-danger d-block">Expired</small>
                                @endif
                            @else
                                <span class="text-muted">No expiry</span>
                            @endif
                        </td>
                        <td class="text-right">
                            <div class="btn-group">
                                <a href="{{ route('admin.payment-links.show', $link->id) }}" 
                                   class="btn btn-sm btn-info" title="View Details">
                                    <i class="fas fa-eye"></i>
                                </a>
                                
                                @if($link->status === 'active')
                                    <a href="{{ $link->full_url }}" 
                                       target="_blank"
                                       class="btn btn-sm btn-success" title="Open Link">
                                        <i class="fas fa-external-link-alt"></i>
                                    </a>
                                    
                                    <form action="{{ route('admin.payment-links.cancel', $link->id) }}" 
                                          method="POST" 
                                          class="d-inline"
                                          onsubmit="return confirm('Are you sure you want to cancel this payment link?')">
                                        @csrf
                                        <button type="submit" 
                                                class="btn btn-sm btn-danger" 
                                                title="Cancel Link">
                                            <i class="fas fa-ban"></i>
                                        </button>
                                    </form>
                                @endif
                                
                                @if($link->application_id)
                                    <a href="{{ route('admin.payment-links.show', $link->application_id) }}" 
                                       class="btn btn-sm btn-warning" title="View Application">
                                        <i class="fas fa-file-alt"></i>
                                    </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center py-5">
                            <i class="fas fa-link fa-3x text-muted mb-3"></i>
                            <h5 class="text-muted">No payment links found</h5>
                            <p class="text-muted">Create your first payment link to get started</p>
                            <a href="{{ route('admin.payment-links.create') }}" class="btn btn-primary">
                                <i class="fas fa-plus"></i> Create Payment Link
                            </a>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        
        @if($paymentLinks->hasPages())
        <div class="card-footer">
            {{ $paymentLinks->links('pagination::bootstrap-4') }}
        </div>
        @endif
    </div>
</div>
@stop

@section('js')
<script>
function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(function() {
        toastr.success('Link copied to clipboard!');
    }, function(err) {
        console.error('Could not copy text: ', err);
        alert('Failed to copy link. Please copy manually.');
    });
}
</script>
@stop