@extends("admin.layouts.app")
@section("title", __("admin.price_update.title"))
@section("content")
<style>/* app.css fixes every select at 34px tall; a list you pick several from needs its rows. */ select[multiple].form-control{height:auto!important;min-height:90px}</style>

<div class="page-header">
    <h1>{{ __('admin.price_update.title') }}</h1>
    <a href="{{ route('admin.services.index') }}" class="btn btn-default btn-sm">{{ __('admin.services.title') }}</a>
</div>
<p style="color:#666;font-size:13px;margin:-6px 0 16px;">{{ __('admin.price_update.intro') }}</p>

@php
    $c = $criteria ?? ['product_ids' => [], 'cycles' => [], 'statuses' => ['active', 'suspended'], 'mode' => 'catalogue', 'value' => null, 'increase_only' => true];
@endphp

{{-- Step 1: choose the services and the new price. GET, so the preview can be reloaded and shared. --}}
<form method="GET" action="{{ route('admin.services.price-update') }}" class="card" style="margin-bottom:16px;">
    <div class="card-body" style="padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;">
        <div>
            <label class="form-label">{{ __('admin.price_update.products') }}</label>
            <select name="product_ids[]" multiple size="8" class="form-control" required>
                @foreach($products as $p)
                <option value="{{ $p->id }}" @selected(in_array($p->id, $c['product_ids'], true))>{{ $p->name }}</option>
                @endforeach
            </select>
            <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.price_update.multi_hint') }}</div>
        </div>
        <div>
            <label class="form-label">{{ __('admin.price_update.cycles') }}</label>
            @foreach($cycles as $key => $stored)
            <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;margin:2px 0;">
                <input type="checkbox" name="cycles[]" value="{{ $stored }}" @checked(in_array($stored, $c['cycles'], true))> {{ __('common.billing.'.\App\Services\BillingCycleChange::langKey($key)) }}
            </label>
            @endforeach
            <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.price_update.cycles_hint') }}</div>

            <label class="form-label" style="margin-top:12px;">{{ __('admin.price_update.statuses') }}</label>
            @foreach($statuses as $st)
            <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;margin:2px 0;">
                <input type="checkbox" name="statuses[]" value="{{ $st }}" @checked(in_array($st, $c['statuses'], true))> {{ ucfirst($st) }}
            </label>
            @endforeach
        </div>
        <div>
            <label class="form-label">{{ __('admin.price_update.new_price') }}</label>
            @foreach(['catalogue', 'percent', 'fixed'] as $mode)
            <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;margin:4px 0;">
                <input type="radio" name="mode" value="{{ $mode }}" @checked($c['mode'] === $mode) style="margin-top:3px;">
                <span><strong>{{ __('admin.price_update.mode_'.$mode) }}</strong><br><span style="color:#777;font-size:12px;">{{ __('admin.price_update.mode_'.$mode.'_hint') }}</span></span>
            </label>
            @endforeach
            <input type="number" step="0.01" name="value" value="{{ $c['value'] }}" class="form-control" style="margin-top:6px;" placeholder="{{ __('admin.price_update.value_placeholder') }}" aria-label="{{ __('admin.price_update.value_placeholder') }}">
            <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;margin-top:10px;">
                <input type="hidden" name="increase_only" value="0"><input type="checkbox" name="increase_only" value="1" @checked($c['increase_only'])> {{ __('admin.price_update.increase_only') }}
            </label>
        </div>
    </div>
    <div style="padding:12px 16px;border-top:1px solid #e5e7eb;">
        <button type="submit" class="btn btn-default">{{ __('admin.price_update.preview') }}</button>
    </div>
</form>

@if($criteria)
{{-- Step 2: what would change. Nothing is saved until Apply. --}}
<div class="card">
    <div class="card-body" style="padding:12px 16px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;">
        <strong>{{ trans_choice('admin.price_update.will_change', $count, ['count' => $count]) }}</strong>
        @if($count)
        <span style="color:#666;">{{ __('admin.price_update.difference', ['amount' => money_fmt($difference)]) }}</span>
        @endif
        @if($openInvoices)
        <span style="color:#a94442;font-size:12px;">{{ __('admin.price_update.open_invoices', ['count' => $openInvoices]) }}</span>
        @endif
    </div>
    @if($count)
    <table class="data-table">
        <thead><tr>
            <th>{{ __('common.table.id') }}</th><th>{{ __('common.table.client') }}</th><th>{{ __('common.table.product') }}</th>
            <th>{{ __('common.table.domain') }}</th><th>{{ __('common.table.billing_cycle') }}</th><th>{{ __('admin.services.next_due') }}</th>
            <th style="text-align:right;">{{ __('admin.price_update.current') }}</th><th style="text-align:right;">{{ __('admin.price_update.new') }}</th>
        </tr></thead>
        <tbody>
        @foreach($rows as $row)
            @php $s = $row['service']; @endphp
            <tr>
                <td><a href="{{ route('admin.services.show', $s) }}">{{ $s->id }}</a></td>
                <td>{{ $s->client?->full_name ?? '-' }}</td>
                <td>{{ $s->product?->name }}</td>
                <td style="font-family:monospace;font-size:12px;">{{ $s->domain ?: '-' }}</td>
                <td>{{ $s->billing_cycle }}</td>
                <td>{{ $s->next_due_date?->format(date_fmt()) ?? '-' }} @if($row['open_invoice'])<span class="badge badge-unpaid" title="{{ __('admin.price_update.open_invoice_hint') }}">{{ __('admin.price_update.invoice_raised') }}</span>@endif</td>
                <td style="text-align:right;color:#777;">{{ money_fmt($row['old']) }}</td>
                <td style="text-align:right;font-weight:600;color:{{ $row['new'] > $row['old'] ? '#3c763d' : '#a94442' }};">{{ money_fmt($row['new']) }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    @if($count > $previewRows)
    <div style="padding:8px 16px;color:#777;font-size:12px;">{{ __('admin.price_update.more_rows', ['count' => $count - $previewRows]) }}</div>
    @endif

    <form method="POST" action="{{ route('admin.services.price-update.apply') }}" style="padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:14px;align-items:center;"
          onsubmit="return pnConfirm(event, @js(trans_choice('admin.price_update.confirm', $count, ['count' => $count])))">
        @csrf
        @foreach($criteria['product_ids'] as $id)<input type="hidden" name="product_ids[]" value="{{ $id }}">@endforeach
        @foreach($criteria['cycles'] as $cy)<input type="hidden" name="cycles[]" value="{{ $cy }}">@endforeach
        @foreach($criteria['statuses'] as $st)<input type="hidden" name="statuses[]" value="{{ $st }}">@endforeach
        <input type="hidden" name="mode" value="{{ $criteria['mode'] }}">
        @if($criteria['value'] !== null)<input type="hidden" name="value" value="{{ $criteria['value'] }}">@endif
        <input type="hidden" name="increase_only" value="{{ $criteria['increase_only'] ? 1 : 0 }}">
        <label style="display:flex;gap:6px;align-items:center;font-weight:normal;margin:0;"><input type="checkbox" name="notify" value="1" checked> {{ __('admin.price_update.notify') }}</label>
        <label style="display:flex;gap:6px;align-items:center;font-weight:normal;margin:0;"><input type="checkbox" name="confirm" value="1" required> {{ __('admin.price_update.confirm_box') }}</label>
        <button type="submit" class="btn btn-primary">{{ __('admin.price_update.apply') }}</button>
    </form>
    @endif
</div>
@endif

@endsection