@extends('platform.layout')
@section('title', $tenant->name)

@section('content')
<a href="{{ route('platform.tenants.index') }}" class="small text-decoration-none"><i class="bi bi-arrow-left"></i> All shops</a>
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mt-2 mb-4">
    <div>
        <h1 class="h3 fw-bold mb-1">{{ $tenant->name }} @include('platform._state', ['tenant' => $tenant])</h1>
        <a href="{{ $tenant->url() }}" target="_blank" rel="noopener" class="small">{{ $tenant->url() }} <i class="bi bi-box-arrow-up-right"></i></a>
    </div>
    <form method="POST" action="{{ route('platform.tenants.impersonate', $tenant) }}"
          onsubmit="return confirm('Open {{ addslashes($tenant->name) }} logged in as its owner? You will leave the admin portal; log out to come back.')">
        @csrf
        <button class="btn btn-outline-dark" title="Opens the shop logged in as its owner, for support">
            <i class="bi bi-person-badge me-1"></i> Log in as shop owner
        </button>
    </form>
</div>

<div class="row g-3 mb-4">
    <div class="col-6 col-lg-3"><div class="card h-100"><div class="card-body">
        <div class="text-muted small">Paid you this month</div>
        <div class="stat-value {{ $usage['paid_month'] ? 'text-success' : '' }}">{{ formatCurrency($usage['paid_month']) }}</div>
    </div></div></div>
    <div class="col-6 col-lg-3"><div class="card h-100"><div class="card-body">
        <div class="text-muted small">Paid you in total</div>
        <div class="stat-value">{{ formatCurrency($usage['paid_total']) }}</div>
        @if($usage['pending'])<div class="small text-warning fw-semibold">+ {{ formatCurrency($usage['pending']) }} pending</div>@endif
    </div></div></div>
    <div class="col-6 col-lg-3"><div class="card h-100"><div class="card-body">
        <div class="text-muted small">Last used</div>
        <div class="stat-value fs-5 mt-1">{{ $usage['last_used']?->diffForHumans() ?? 'Not yet' }}</div>
    </div></div></div>
    <div class="col-6 col-lg-3"><div class="card h-100"><div class="card-body">
        <div class="text-muted small">Staff accounts / products</div>
        <div class="stat-value">{{ $usage['users'] }} <span class="fs-6 text-muted fw-normal">/ {{ number_format($usage['products']) }}</span></div>
    </div></div></div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-3">Shop details &amp; subscription</h2>
                <form method="POST" action="{{ route('platform.tenants.update', $tenant) }}">
                    @csrf
                    @method('PUT')
                    @include('platform._shop_fields', ['tenant' => $tenant])
                    <button class="btn btn-primary mt-3">Save</button>
                </form>
            </div>
        </div>

        @php
            $on = fn ($key) => (string) ($shop[$key] ?? '') === '1';
            $sv = fn ($key) => old($key, $shop[$key] ?? '');
        @endphp
        <div class="card mt-3" id="shop-settings">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-1">Shop settings</h2>
                <p class="small text-muted mb-3">The same settings the shop has under Settings. Change them here to help a shop without logging in.</p>
                @if($errors->any() && old('_settings'))<div class="alert alert-danger py-2 small">{{ $errors->first() }}</div>@endif
                <form method="POST" action="{{ route('platform.tenants.settings', $tenant) }}">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="_settings" value="1">

                    <div class="ps-section">Business details (receipts and reports)</div>
                    <div class="row g-2">
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_name">Name</label><input id="s_name" name="system_name" class="form-control form-control-sm" value="{{ $sv('system_name') }}" required maxlength="255"></div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_tel">Phone</label><input id="s_tel" name="telephone" class="form-control form-control-sm" value="{{ $sv('telephone') }}" maxlength="50"></div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_loc">Address</label><input id="s_loc" name="location" class="form-control form-control-sm" value="{{ $sv('location') }}" maxlength="500"></div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_email">Email</label><input id="s_email" type="email" name="email" class="form-control form-control-sm" value="{{ $sv('email') }}" maxlength="255"></div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_tpin">TPIN</label><input id="s_tpin" name="tax_number" class="form-control form-control-sm" value="{{ $sv('tax_number') }}" maxlength="50"></div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_footer">Receipt footer</label><input id="s_footer" name="receipt_footer" class="form-control form-control-sm" value="{{ $sv('receipt_footer') }}" maxlength="255"></div>
                    </div>

                    <div class="ps-section">Features</div>
                    <div class="row g-2 align-items-end">
                        <div class="col-md-6">
                            <div class="form-check form-switch"><input class="form-check-input" type="checkbox" role="switch" id="s_disc" name="discounts_enabled" value="1" @checked($on('discounts_enabled'))>
                                <label class="form-check-label small" for="s_disc">Discounts at the till @unless($tenant->hasFeature('discounts'))<span class="badge bg-light text-muted border">not in plan</span>@endunless</label></div>
                        </div>
                        <div class="col-6 col-md-3">
                            <label class="form-label small mb-1" for="s_dtype">Discount limit in</label>
                            <select id="s_dtype" name="discount_limit_type" class="form-select form-select-sm">
                                <option value="percent" @selected($sv('discount_limit_type') === 'percent')>%</option>
                                <option value="amount" @selected($sv('discount_limit_type') === 'amount')>MWK</option>
                            </select>
                        </div>
                        <div class="col-6 col-md-3">
                            <label class="form-label small mb-1" for="s_dpct">Limit % / MWK</label>
                            <div class="input-group input-group-sm">
                                <input id="s_dpct" type="number" min="0" max="100" step="0.5" name="discount_max_percent" class="form-control" value="{{ $sv('discount_max_percent') }}" aria-label="Limit in percent">
                                <input type="number" min="0" step="100" name="discount_max_amount" class="form-control" value="{{ $sv('discount_max_amount') }}" aria-label="Limit in Kwacha">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check form-switch"><input class="form-check-input" type="checkbox" role="switch" id="s_ph" name="pharmacy_health_enabled" value="1" @checked($on('pharmacy_health_enabled'))>
                                <label class="form-check-label small" for="s_ph">Pharmacy health @unless($tenant->hasFeature('pharmacy_health'))<span class="badge bg-light text-muted border">not in plan</span>@endunless</label></div>
                            <div class="form-check form-switch"><input class="form-check-input" type="checkbox" role="switch" id="s_z" name="notify_zreport_enabled" value="1" @checked($on('notify_zreport_enabled'))>
                                <label class="form-check-label small" for="s_z">Z report emails and SMS</label></div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small mb-1" for="s_order">Which batch sells first</label>
                            <select id="s_order" name="batch_sell_order" class="form-select form-select-sm">
                                <option value="fifo" @selected($sv('batch_sell_order') === 'fifo')>First in, first out</option>
                                <option value="fefo" @selected($sv('batch_sell_order') === 'fefo')>First expiry, first out</option>
                            </select>
                        </div>
                    </div>

                    <div class="ps-section">Loss prevention</div>
                    <div class="row g-2 align-items-end">
                        <div class="col-md-6">
                            <div class="form-check form-switch"><input class="form-check-input" type="checkbox" role="switch" id="s_blind" name="lp_blind_close" value="1" @checked($on('lp_blind_close'))>
                                <label class="form-check-label small" for="s_blind">Cash count when closing the register</label></div>
                        </div>
                        <div class="col-md-6"><label class="form-label small mb-1" for="s_tol">Cash difference allowed (MWK)</label><input id="s_tol" type="number" min="0" name="lp_cash_tolerance" class="form-control form-control-sm" value="{{ $sv('lp_cash_tolerance') }}"></div>
                        <div class="col-6 col-md-3"><label class="form-label small mb-1" for="s_open">Opens</label><input id="s_open" type="time" name="lp_open_time" class="form-control form-control-sm" value="{{ $sv('lp_open_time') }}"></div>
                        <div class="col-6 col-md-3"><label class="form-label small mb-1" for="s_close">Closes</label><input id="s_close" type="time" name="lp_close_time" class="form-control form-control-sm" value="{{ $sv('lp_close_time') }}"></div>
                    </div>

                    <button class="btn btn-primary btn-sm mt-3">Save shop settings</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-1">Record a payment</h2>
                <p class="small text-muted mb-3">
                    Paid until <strong>{{ $tenant->paid_until?->format('d M Y') ?? 'no end date' }}</strong>.
                    @if($tenant->blockedAfter()) Blocked after {{ $tenant->blockedAfter()->format('d M Y') }} if not paid. @endif
                </p>
                <form method="POST" action="{{ route('platform.tenants.extend', $tenant) }}">
                    @csrf
                    <div class="row g-2 mb-2">
                        <div class="col-6">
                            <input name="amount" type="number" min="0" step="0.01" class="form-control form-control-sm"
                                   placeholder="Amount (default {{ number_format($tenant->monthlyPrice()) }}/month)" aria-label="Amount paid">
                        </div>
                        <div class="col-6">
                            <input name="method" class="form-control form-control-sm" placeholder="Paid by, e.g. Airtel Money" maxlength="50" aria-label="Payment method">
                        </div>
                        <div class="col-12">
                            <input name="reference" class="form-control form-control-sm" placeholder="Reference / transaction ID (optional)" maxlength="255" aria-label="Reference">
                        </div>
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                        @foreach([1 => '+1 month', 3 => '+3 months', 6 => '+6 months', 12 => '+1 year'] as $months => $label)
                            <button name="months" value="{{ $months }}" class="btn btn-sm btn-outline-success">{{ $label }}</button>
                        @endforeach
                    </div>
                </form>
            </div>
        </div>

        @php
            $smsLeft = $sms['limit'] === null ? null : max(0, $sms['limit'] - $sms['used']);
            $smsPct = $sms['limit'] ? min(100, round($sms['used'] / max(1, $sms['limit']) * 100)) : 0;
        @endphp
        <div class="card mb-3" id="sms">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-1">SMS</h2>
                <div class="small d-flex justify-content-between">
                    <span>This month</span>
                    <span><strong>{{ number_format($sms['used']) }}</strong> {{ $sms['limit'] === null ? 'sent · unlimited (cap ' . number_format($sms['fair_use']) . ')' : 'of ' . number_format($sms['limit']) . ' free' }}</span>
                </div>
                @if($sms['limit'] !== null)
                    <div class="progress my-1" style="height: 6px;" role="progressbar" aria-label="Free SMS used" aria-valuenow="{{ $smsPct }}" aria-valuemin="0" aria-valuemax="100">
                        <div class="progress-bar {{ $smsPct >= 100 ? 'bg-danger' : ($smsPct >= 80 ? 'bg-warning' : '') }}" style="width: {{ $smsPct }}%"></div>
                    </div>
                @endif
                <div class="small d-flex justify-content-between mt-1"><span>Extra SMS left</span><strong>{{ number_format($sms['credits']) }}</strong></div>
                @if($sms['blocked'])
                    <div class="alert alert-warning py-1 px-2 small mt-2 mb-0"><i class="bi bi-exclamation-triangle me-1"></i>{{ number_format($sms['blocked']) }} SMS not sent this month: they ran out.</div>
                @endif

                <form method="POST" action="{{ route('platform.tenants.sms', $tenant) }}" class="mt-3">
                    @csrf
                    <div class="small fw-semibold mb-1">Add extra SMS</div>
                    <div class="d-flex flex-wrap gap-1 mb-2">
                        @foreach([50, 100, 200, 500] as $n)
                            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="this.form.quantity.value={{ $n }}">+{{ $n }}</button>
                        @endforeach
                    </div>
                    <div class="row g-2">
                        <div class="col-6"><input name="quantity" type="number" min="1" class="form-control form-control-sm" placeholder="How many" required aria-label="How many SMS"></div>
                        <div class="col-6"><input name="amount" type="number" min="0" step="0.01" class="form-control form-control-sm" placeholder="Paid (MWK)" aria-label="Amount paid"></div>
                        <div class="col-12"><input name="note" maxlength="255" class="form-control form-control-sm" placeholder="Note, e.g. Airtel ref" aria-label="Note"></div>
                    </div>
                    <button class="btn btn-sm btn-success mt-2"><i class="bi bi-plus-lg me-1"></i>Add SMS</button>
                </form>

                @if($sms['topups']->isNotEmpty())
                    <div class="small fw-semibold mt-3 mb-1">Added</div>
                    @foreach($sms['topups'] as $t)
                        <div class="d-flex justify-content-between small py-1 border-bottom">
                            <span>+{{ number_format($t->quantity) }}{{ $t->amount ? ' · ' . formatCurrency($t->amount) : '' }}{{ $t->note ? ' · ' . $t->note : '' }}</span>
                            <span class="text-muted text-nowrap">{{ \Carbon\Carbon::parse($t->created_at)->format('d M Y') }}</span>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-3">Access</h2>
                @if($tenant->isSuspended())
                    <p class="small mb-3">Suspended{{ $tenant->suspended_reason ? ': ' . $tenant->suspended_reason : '' }}. Staff cannot use the system; data is kept.</p>
                    <form method="POST" action="{{ route('platform.tenants.reactivate', $tenant) }}">
                        @csrf
                        <button class="btn btn-success btn-sm">Reactivate shop</button>
                    </form>
                @else
                    <form method="POST" action="{{ route('platform.tenants.suspend', $tenant) }}"
                          onsubmit="return confirm('Suspend {{ addslashes($tenant->name) }}? Its staff will not be able to use the system until you reactivate it.')">
                        @csrf
                        <input name="reason" class="form-control form-control-sm mb-2" placeholder="Reason shown to the shop (optional)" maxlength="255">
                        <button class="btn btn-outline-danger btn-sm">Suspend shop</button>
                    </form>
                @endif
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-3">Payment history</h2>
                @forelse($payments as $payment)
                    <div class="d-flex justify-content-between small py-2 border-bottom">
                        <div>
                            <strong>{{ formatCurrency($payment->amount) }}</strong> · {{ $payment->months }} {{ $payment->months == 1 ? 'month' : 'months' }}
                            <div class="text-muted">{{ $payment->period_from->format('d M Y') }} – {{ $payment->period_to->format('d M Y') }}
                                {{ $payment->method ? '· ' . $payment->method : '' }}{{ $payment->reference ? ' · ' . $payment->reference : '' }}</div>
                        </div>
                        <div class="text-muted text-end text-nowrap">{{ $payment->paid_on->format('d M Y') }}<br>{{ $payment->recorded_by }}</div>
                    </div>
                @empty
                    <p class="small text-muted mb-0">No payments recorded yet.</p>
                @endforelse
            </div>
        </div>

        <div class="card">
            <div class="card-body p-4">
                <h2 class="h6 fw-bold mb-3">Owner accounts</h2>
                @forelse($owners as $owner)
                    @php($bag = $errors->getBag("password_{$owner->id}"))
                    <div class="small {{ $loop->last ? '' : 'pb-3 mb-3 border-bottom' }}">
                        <strong>{{ $owner->name }}</strong><br><span class="text-muted">{{ $owner->email }}</span>
                        <details class="mt-2" {{ $bag->any() ? 'open' : '' }}>
                            <summary class="text-primary" style="cursor: pointer;"><i class="bi bi-key me-1"></i>Change password</summary>
                            <form method="POST" action="{{ route('platform.tenants.password', [$tenant, $owner->id]) }}" class="mt-2"
                                  onsubmit="return confirm('Change the password for {{ addslashes($owner->name) }}? Their old password will stop working.')">
                                @csrf
                                @method('PUT')
                                <input name="password" type="password" class="form-control form-control-sm mb-2 {{ $bag->has('password') ? 'is-invalid' : '' }}"
                                       placeholder="New password (at least 8 characters)" minlength="8" required autocomplete="new-password" aria-label="New password">
                                <input name="password_confirmation" type="password" class="form-control form-control-sm mb-2 {{ $bag->has('password') ? 'is-invalid' : '' }}"
                                       placeholder="Type it again" minlength="8" required autocomplete="new-password" aria-label="Confirm new password">
                                @if($bag->has('password'))<div class="text-danger mb-2">{{ $bag->first('password') }}</div>@endif
                                <button class="btn btn-sm btn-outline-primary">Save new password</button>
                            </form>
                        </details>
                    </div>
                @empty
                    <p class="small text-muted mb-0">No owner account.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>
<style>
    .ps-section { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #64748b; margin: 1.1rem 0 .5rem; }
</style>
@endsection