@extends('dashboard.layouts.master')
@section('title', 'Manage Business Subscription | Admin Panel')
@section('content')
    <div class="padding">
        <div class="box">
            <div class="box-header">
                <h3>Override Subscription Settings</h3>
                <small>Manually extend, suspend, or adjust <strong>{{ $businessProfile->business_name ?? 'Business' }}'s</strong> plan.</small>
            </div>
            <div class="box-body">
                <form method="POST" action="{{ route('subscription-management.update', base64_encode($subscription->id)) }}">
                    @csrf
                    
                    <div class="form-group row">
                        <label class="col-sm-3 form-control-label">Current Plan</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" value="{{ $subscription->plan_name }}" readonly>
                            @if($plan)
                                <small class="text-muted">Pricing Model: <strong>{{ ucfirst(str_replace('_', ' ', $plan->pricing_model)) }}</strong></small>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 form-control-label">Business Branches</label>
                        <div class="col-sm-9">
                            <input type="number" name="branches_count" class="form-control" id="branches_count" value="{{ $subscription->branches_count > 0 ? $subscription->branches_count : $actualBranches }}">
                            <small class="text-muted">The system detected <strong>{{ $actualBranches }}</strong> live branches. You can override this for billing purposes.</small>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label class="col-sm-3 form-control-label">Expiry Date</label>
                        <div class="col-sm-9">
                            <input type="datetime-local" name="expiry_date" class="form-control" value="{{ \Carbon\Carbon::parse($subscription->expiry_date)->format('Y-m-d\TH:i') }}" required>
                            <small class="text-muted">Adjusting this date will grant them a manual grace-period.</small>
                        </div>
                    </div>

                    @if($plan && $plan->pricing_model == 'per_branch')
                        <div class="form-group row" id="pricing_breakdown">
                            <label class="col-sm-3 form-control-label">Pricing Estimate</label>
                            <div class="col-sm-9">
                                <div class="alert alert-info" style="margin-bottom: 0;">
                                    Base Price: {{ config('currency_symbol', '$') }}{{ number_format($plan->price, 2) }} <br>
                                    Price per Branch: {{ config('currency_symbol', '$') }}{{ number_format($plan->price_per_branch, 2) }} x <span id="branch_display">{{ $actualBranches }}</span> <br>
                                    <hr>
                                    <strong>Estimated Total: {{ config('currency_symbol', '$') }}<span id="total_display">0.00</span></strong>
                                </div>
                            </div>
                        </div>
                    @endif
                    
                    <div class="form-group row">
                        <label class="col-sm-3 form-control-label">Status</label>
                        <div class="col-sm-9">
                            <select name="status" class="form-control" required>
                                <option value="1" {{ $subscription->status == 1 ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ $subscription->status == 0 ? 'selected' : '' }}>Expired</option>
                                <option value="2" {{ $subscription->status == 2 ? 'selected' : '' }}>Suspended</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 form-control-label">Total Amount Paid (Optional Override)</label>
                        <div class="col-sm-9">
                            <input type="number" step="0.01" name="amount_paid" class="form-control" value="{{ $subscription->total_amount }}">
                            <small class="text-muted">Setting this will log a manual payment entry in the logs.</small>
                        </div>
                    </div>
                    
                    <div class="form-group row m-t-md">
                        <div class="col-sm-offset-3 col-sm-9">
                            <button type="submit" class="btn btn-primary m-t"><i class="material-icons">&#xe31b;</i> Save Override</button>
                            <a href="{{ route('subscription-management.index') }}" class="btn btn-default m-t"><i class="material-icons">&#xe5cd;</i> Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('after-scripts')
    <script>
        $(document).ready(function() {
            function calculateTotal() {
                var branches = parseInt($('#branches_count').val()) || 0;
                $('#branch_display').text(branches);
                
                @if($plan && $plan->pricing_model == 'per_branch')
                    var basePrice = {{ $plan->price }};
                    var pricePerBranch = {{ $plan->price_per_branch }};
                    var total = basePrice + (pricePerBranch * branches);
                    $('#total_display').text(total.toFixed(2));
                @endif
            }

            $('#branches_count').on('input', calculateTotal);
            calculateTotal();
        });
    </script>
@endpush