@extends('layouts.admin')

@section('title', 'Edit Subscription')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.subscriptions.index') }}">Subscriptions</a></li>
    <li class="breadcrumb-item active">Edit</li>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Edit Subscription #{{ $subscription->id }}</h3>
                </div>
                <form action="{{ route('admin.subscriptions.update', $subscription) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <div class="form-group">
                            <label>User</label>
                            <input type="text" class="form-control" value="{{ $subscription->user->name }}" disabled>
                        </div>
                        <div class="form-group">
                            <label>Plan</label>
                            <input type="text" class="form-control" value="{{ $subscription->membershipPlan->name }}" disabled>
                        </div>
                        <div class="form-group">
                            <label>Member ID</label>
                            <input type="text" class="form-control" value="{{ $subscription->member_id }}" disabled>
                        </div>
                        
                        <div class="form-group">
                            <label for="end_date">End Date (Activation Period)</label>
                            <input type="date" name="end_date" class="form-control @error('end_date') is-invalid @enderror" 
                                   value="{{ old('end_date', $subscription->end_date->format('Y-m-d')) }}">
                            @error('end_date')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                            <small class="form-text text-muted">You can manually extend or reduce the subscription period.</small>
                        </div>

                        <div class="form-group">
                            <label for="status">Status</label>
                            <select name="status" class="form-control @error('status') is-invalid @enderror">
                                @foreach(['active', 'expired', 'cancelled', 'pending', 'suspended'] as $status)
                                    <option value="{{ $status }}" {{ old('status', $subscription->status) == $status ? 'selected' : '' }}>
                                        {{ ucfirst($status) }}
                                    </option>
                                @endforeach
                            </select>
                            @error('status')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        @if($subscription->is_installment)
                        <div class="form-group">
                            <label>Installment Info</label>
                            <ul>
                                <li>Months: {{ $subscription->membershipPlan->installment_months }}</li>
                                <li>Remaining Balance: ${{ number_format($subscription->remaining_balance, 2) }}</li>
                                @php
                                    $nextInstallment = $subscription->installments->where('status', 'pending')->sortBy('due_date')->first();
                                @endphp
                                @if($nextInstallment)
                                    <li class="text-danger font-weight-bold">Next Installment: {{ $nextInstallment->due_date->format('d M Y') }}</li>
                                @else
                                    <li class="text-success">All installments paid!</li>
                                @endif
                            </ul>
                        </div>
                        @endif
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Update Subscription</button>
                        <a href="{{ route('admin.subscriptions.index') }}" class="btn btn-default float-right">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
        
        @if($subscription->is_installment)
        <div class="col-md-6">
            <div class="card card-info">
                <div class="card-header">
                    <h3 class="card-title">Installments</h3>
                </div>
                <div class="card-body table-responsive p-0">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Due Date</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Paid At</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($subscription->installments as $installment)
                            <tr>
                                <td>{{ $installment->due_date->format('d M Y') }}</td>
                                <td>${{ number_format($installment->amount, 2) }}</td>
                                <td>
                                    <span class="badge badge-{{ $installment->status == 'paid' ? 'success' : ($installment->status == 'overdue' ? 'danger' : 'warning') }}">
                                        {{ ucfirst($installment->status) }}
                                    </span>
                                </td>
                                <td>{{ $installment->paid_at ? $installment->paid_at->format('d M Y') : '-' }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection