@extends('platform.layout')
@section('title', 'Plans & pricing')

@section('content')
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-4">
    <div>
        <h1 class="h3 fw-bold mb-1">Plans &amp; pricing</h1>
        <p class="text-muted small mb-0">What each plan costs and includes. Shops see changes straight away on their Billing page.</p>
    </div>
</div>

@if($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<form method="POST" action="{{ route('platform.plans.update') }}">
    @csrf
    @method('PUT')
    <div class="row g-3 mb-3">
        @foreach($plans as $key => $plan)
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-body p-4">
                        <div class="d-flex justify-content-between align-items-start mb-3">
                            <div>
                                <h2 class="h5 fw-bold mb-0">{{ $plan['name'] }}</h2>
                                <div class="small text-muted">{{ $plan['tagline'] ?? '' }}</div>
                            </div>
                            <span class="badge bg-light text-dark border">{{ number_format($shopsPerPlan[$key] ?? 0) }} {{ ($shopsPerPlan[$key] ?? 0) == 1 ? 'shop' : 'shops' }}</span>
                        </div>
                        <div class="row g-3">
                            <div class="col-sm-6">
                                <label class="form-label small fw-semibold" for="price_{{ $key }}">Price per month</label>
                                <div class="input-group">
                                    <span class="input-group-text">MWK</span>
                                    <input type="number" min="0" step="500" class="form-control" id="price_{{ $key }}" name="plans[{{ $key }}][price]"
                                           value="{{ old("plans.$key.price", (float) $plan['price']) }}" required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <label class="form-label small fw-semibold" for="sms_{{ $key }}">Free SMS a month</label>
                                <input type="number" min="0" class="form-control" id="sms_{{ $key }}" name="plans[{{ $key }}][sms]"
                                       value="{{ old("plans.$key.sms", $plan['sms']) }}" aria-describedby="smsHelp_{{ $key }}">
                                <div class="form-text" id="smsHelp_{{ $key }}">Empty = unlimited (up to the safety cap below).</div>
                            </div>
                        </div>
                        <div class="small fw-semibold mt-3 mb-2">Extras in this plan</div>
                        @foreach($features as $feature => [$label, $description])
                            <div class="form-check mb-1">
                                <input class="form-check-input" type="checkbox" name="plans[{{ $key }}][features][]" value="{{ $feature }}"
                                       id="f_{{ $key }}_{{ $feature }}" @checked(in_array($feature, old("plans.$key.features", $plan['features'] ?? []), true))>
                                <label class="form-check-label small" for="f_{{ $key }}_{{ $feature }}"><strong>{{ $label }}</strong> <span class="text-muted">{{ $description }}</span></label>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="card mb-3">
        <div class="card-body p-4">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label small fw-semibold" for="sms_fair_use">Safety cap for "unlimited" SMS, per shop per month</label>
                    <input type="number" min="1" class="form-control" id="sms_fair_use" name="sms_fair_use" value="{{ old('sms_fair_use', $fairUse) }}" required>
                    <div class="form-text">So a fault or misuse cannot run up your SMS bill. Extra SMS you add to a shop still work beyond it.</div>
                </div>
                <div class="col-md-6">
                    <label class="form-label small fw-semibold" for="annual_months_free">Months free when paying for a year</label>
                    <input type="number" min="0" max="6" class="form-control" id="annual_months_free" name="annual_months_free" value="{{ old('annual_months_free', $annualFree) }}" required>
                    <div class="form-text">0 = no yearly offer. With 2, a year costs 10 months.</div>
                </div>
            </div>
        </div>
    </div>

    <button class="btn btn-primary px-4">Save plans</button>
    <span class="small text-muted ms-2">Payments already recorded keep their amounts.</span>
</form>
@endsection