{{-- filepath: resources/views/admin/subscriptions/detail.blade.php --}}
@extends('admin.layout.app')
@section('title', 'Subscription Request Detail')

@section('content')
    <div class="content container-fluid">
        <div class="page-header">
            <div class="row align-items-center">
                <div class="col-sm-12">
                    <div class="page-sub-header">
                        <h3 class="page-title">Subscription Request Detail</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.subscriptions.pending') }}">Pending
                                    Subscriptions</a></li>
                            <li class="breadcrumb-item active">Detail</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="mb-4 shadow card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0">Request from {{ $subscription->user->name }}</h5>
            </div>
            <div class="card-body row">
                <div class="col-md-6">
                    <h6>User Info</h6>
                    <ul class="mb-3 list-group">
                        <li class="list-group-item"><strong>Name:</strong> {{ $subscription->user->name }}</li>
                        <li class="list-group-item"><strong>Email:</strong> {{ $subscription->user->email }}</li>
                        <li class="list-group-item"><strong>Phone:</strong> {{ $subscription->user->phone ?? '-' }}</li>
                    </ul>
                    <h6>Plan Info</h6>
                    <ul class="mb-3 list-group">
                        <li class="list-group-item"><strong>Plan:</strong> {{ $subscription->plan->duration }} months</li>
                        <li class="list-group-item"><strong>Price:</strong> {{ number_format($subscription->plan->price) }}
                        </li>
                        <li class="list-group-item"><strong>Start Date:</strong> {{ $subscription->start_date }}</li>
                        <li class="list-group-item"><strong>End Date:</strong> {{ $subscription->end_date }}</li>
                        <li class="list-group-item"><strong>Status:</strong>
                            @if (!$subscription->accepted)
                                <span class="badge bg-warning text-dark">Pending</span>
                            @elseif($subscription->is_active)
                                <span class="badge bg-success">Active</span>
                            @else
                                <span class="badge bg-secondary">Inactive</span>
                            @endif
                        </li>
                    </ul>
                    @if (!$subscription->accepted)
                        <form method="POST" action="{{ route('admin.subscriptions.accept', $subscription->id) }}">
                            @csrf
                            <button type="submit" class="btn btn-success">Accept Subscription</button>
                        </form>
                    @endif
                </div>
                <div class="col-md-6">
                    <h6>Payment Screenshot</h6>
                    @if ($subscription->payment_screenshot)
                        <img src="{{ asset('storage/' . $subscription->payment_screenshot) }}" alt="Payment Screenshot"
                            class="rounded border img-fluid" style="max-width: 350px;">
                    @else
                        <div class="alert alert-info">No payment screenshot uploaded.</div>
                    @endif
                    @if ($subscription->paymentService)
                        <div class="mt-2">
                            <h4>Transferred Admin's Payment Account</h4>
                            <h6>
                                Account : {{ $subscription->paymentService->account_name }}
                            </h6>
                            <h6>
                                Phone : {{ $subscription->paymentService->phone_number }}
                            </h6>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection