@extends('admin.layouts.app')
@section('title', __('admin.promotions.title'))
@section('content')

<div class="page-header" style="display:flex;align-items:center;justify-content:space-between;">
    <h1>{{ __('admin.promotions.title') }}</h1>
    <button type="button" onclick="document.getElementById('modal-add-promo').style.display='flex'" class="btn btn-primary btn-sm">+ {{ __('admin.promotions.add_promo') }}</button>
</div>

@if($errors->any())
<div class="alert alert-danger" style="margin-bottom:15px;">
    <ul style="margin:0;padding-left:18px;">
        @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
    </ul>
</div>
@endif

<div class="card">
    @if(($promotions ?? collect())->isEmpty())
    <div class="card-body" style="text-align:center;padding:40px;color:#999;">{{ __('admin.promotions.no_promotions') }}</div>
    @else
    <table class="data-table">
        <thead><tr><th>{{ __('common.table.code') }}</th><th>{{ __('common.table.type') }}</th><th>{{ __('common.table.value') }}</th><th>{{ __('admin.promotions.uses') }}</th><th>{{ __('admin.promotions.expires') }}</th><th>{{ __('common.table.status') }}</th><th style="text-align:right;">{{ __('common.table.actions') }}</th></tr></thead>
        <tbody>
        @foreach($promotions as $promo)
        <tr>
            <td style="font-family:monospace;font-weight:600;">{{ $promo->code }}</td>
            <td style="text-transform:capitalize;">{{ $promo->type }}</td>
            <td>{{ $promo->type === 'percentage' ? $promo->value . '%' : money_fmt($promo->value) }}</td>
            <td>{{ $promo->uses ?? 0 }}{{ $promo->max_uses ? ' / ' . $promo->max_uses : '' }}</td>
            <td style="font-size:12px;">{{ $promo->expiration_date?->format(date_fmt()) ?? __('admin.promotions.never') }}</td>
            <td><span class="badge-{{ $promo->isValid() ? 'active' : 'suspended' }}">{{ $promo->isValid() ? __('common.status.active') : __('common.status.inactive') }}</span></td>
            <td style="text-align:right;">
                <button type="button" class="btn btn-default btn-xs" onclick="document.getElementById('modal-edit-promo-{{ $promo->id }}').style.display='flex'">{{ __('common.actions.edit') }}</button>
                <form method="POST" action="{{ route('admin.config.promotions.destroy', $promo) }}" style="display:inline;" onsubmit="return pnConfirm(event, @js(__('admin.promotions.confirm_delete')))">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-xs">{{ __('common.actions.delete') }}</button>
                </form>
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
    @endif
</div>

@foreach($promotions as $promo)
<div id="modal-edit-promo-{{ $promo->id }}" style="display:none;position:fixed;inset:0;z-index:1050;align-items:center;justify-content:center;">
    <div style="position:fixed;inset:0;background:rgba(0,0,0,0.5);" onclick="document.getElementById('modal-edit-promo-{{ $promo->id }}').style.display='none'"></div>
    <div style="position:relative;background:#fff;border-radius:4px;width:520px;max-width:95%;box-shadow:0 5px 30px rgba(0,0,0,0.3);">
        <div style="padding:15px 20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;">
            <h4 style="margin:0;font-size:16px;">{{ __('admin.promotions.edit_promo') }}</h4>
            <button type="button" onclick="document.getElementById('modal-edit-promo-{{ $promo->id }}').style.display='none'" style="background:none;border:none;font-size:22px;cursor:pointer;color:#777;">&times;</button>
        </div>
        <form method="POST" action="{{ route('admin.config.promotions.update', $promo) }}">
            @csrf @method('PUT')
            <div style="padding:20px;">
                <div class="form-group"><label class="form-label">{{ __('common.table.code') }}</label><input type="text" name="code" value="{{ $promo->code }}" required class="form-control"></div>
                <div class="form-group">
                    <label class="form-label">{{ __('common.table.type') }}</label>
                    <select name="type" class="form-control">
                        @foreach(['percentage', 'fixed_amount', 'free_setup', 'price_override', 'override_recurring'] as $type)
                        <option value="{{ $type }}" @selected($promo->type === $type)>{{ str_replace('_', ' ', $type) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group"><label class="form-label">{{ __('common.table.value') }}</label><input type="number" step="0.01" min="0" name="value" value="{{ $promo->value }}" required class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('admin.promotions.max_uses') }}</label><input type="number" min="0" name="max_uses" value="{{ $promo->max_uses }}" class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('admin.promotions.expires') }}</label><input type="date" name="expiration_date" value="{{ $promo->expiration_date?->format('Y-m-d') }}" class="form-control"></div>
                <label style="display:flex;align-items:center;gap:6px;font-weight:400;font-size:13px;">
                    <input type="checkbox" name="recurring" value="1" @checked($promo->recurring)>
                    {{ __('admin.promotions.recurring') }}
                </label>
            </div>
            <div style="padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;gap:8px;justify-content:flex-end;">
                <button type="button" onclick="document.getElementById('modal-edit-promo-{{ $promo->id }}').style.display='none'" class="btn btn-default btn-sm">{{ __('common.actions.cancel') }}</button>
                <button type="submit" class="btn btn-primary btn-sm">{{ __('common.actions.save_changes') }}</button>
            </div>
        </form>
    </div>
</div>
@endforeach
<div id="modal-add-promo" style="display:none;position:fixed;inset:0;z-index:1050;align-items:center;justify-content:center;">
    <div style="position:fixed;inset:0;background:rgba(0,0,0,0.5);" onclick="document.getElementById('modal-add-promo').style.display='none'"></div>
    <div style="position:relative;background:#fff;border-radius:4px;width:500px;max-width:95%;box-shadow:0 5px 30px rgba(0,0,0,0.3);">
        <div style="padding:15px 20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;">
            <h4 style="margin:0;font-size:16px;">{{ __('admin.promotions.add_promo') }}</h4>
            <button type="button" onclick="document.getElementById('modal-add-promo').style.display='none'" style="background:none;border:none;font-size:22px;cursor:pointer;color:#777;">&times;</button>
        </div>
        <form method="POST" action="{{ route('admin.config.promotions.store') }}">
            @csrf
            <div style="padding:20px;">
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                    <div class="form-group" style="grid-column:span 2;"><label class="form-label">{{ __('admin.promotions.promo_code') }}</label><input type="text" name="code" value="{{ old('code') }}" required class="form-control" placeholder="SUMMER20" style="text-transform:uppercase;"></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.discount_type') }}</label><select name="type" class="form-control"><option value="percentage" @selected(old('type')==='percentage')>{{ __('admin.promotions.percentage') }}</option><option value="fixed_amount" @selected(old('type')==='fixed_amount')>{{ __('admin.promotions.fixed') }}</option></select></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.discount_value') }}</label><input type="number" name="value" step="0.01" required class="form-control" placeholder="10" value="{{ old('value') }}"></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.applies_to') }}</label><select name="applies_to[]" multiple class="form-control" style="height:90px;">@foreach(($products ?? collect()) as $p)<option value="{{ $p->id }}">{{ $p->name }}</option>@endforeach</select><p style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.promotions.applies_to_hint') }}</p></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.requires') }}</label><select name="requires[]" multiple class="form-control" style="height:90px;">@foreach(($products ?? collect()) as $p)<option value="{{ $p->id }}">{{ $p->name }}</option>@endforeach</select><p style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.promotions.requires_hint') }}</p></div>
                    <div class="form-group" style="display:flex;gap:16px;flex-wrap:wrap;"><label style="font-size:12px;"><input type="checkbox" name="apply_once" value="1"> {{ __('admin.promotions.apply_once') }}</label><label style="font-size:12px;"><input type="checkbox" name="new_signups_only" value="1"> {{ __('admin.promotions.new_signups_only') }}</label><label style="font-size:12px;"><input type="checkbox" name="existing_client" value="1"> {{ __('admin.promotions.existing_client') }}</label></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.max_uses') }} <small style="color:#999;">{{ __('admin.promotions.unlimited_hint') }}</small></label><input type="number" name="max_uses" value="{{ old('max_uses', 0) }}" min="0" class="form-control"></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.promotions.expiry_date') }} <small style="color:#999;">{{ __('admin.promotions.optional_hint') }}</small></label><input type="date" name="expiration_date" value="{{ old('expiration_date') }}" class="form-control"></div>
                </div>
            </div>
            <div style="padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;gap:8px;justify-content:flex-end;">
                <button type="button" onclick="document.getElementById('modal-add-promo').style.display='none'" class="btn btn-default btn-sm">{{ __('common.actions.cancel') }}</button>
                <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.promotions.add_promo') }}</button>
            </div>
        </form>
    </div>
</div>

@if($errors->any())
<script>document.getElementById('modal-add-promo').style.display = 'flex';</script>
@endif
@endsection