@extends('layouts.admin', ['title' => 'Cupons'])

@section('content')
    <div class="grid gap-6 lg:grid-cols-3">
        <form method="POST" action="{{ route('admin.coupons.store') }}" class="card space-y-4">
            @csrf

            <h2 class="text-lg font-bold">Criar cupom na Nuvemshop</h2>

            <div>
                <label class="input-label">Influencer</label>
                <select class="input-field" name="influencer_id" required>
                    @foreach($influencers as $influencer)
                        <option value="{{ $influencer->id }}" @selected(old('influencer_id') == $influencer->id)>
                            {{ $influencer->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="input-label">Código</label>
                <input class="input-field" name="coupon_code_original" placeholder="ANA10" value="{{ old('coupon_code_original') }}" required>
                <p class="mt-1 text-xs text-slate-500">Use apenas letras e números.</p>
            </div>

            <div>
                <label class="input-label">Desconto (%)</label>
                <input class="input-field" type="number" step="0.01" min="0.01" max="100" name="discount_percentage" value="{{ old('discount_percentage', 10) }}" required>
            </div>

            <button class="btn-primary w-full">Criar/vincular</button>

            <p class="text-xs text-slate-500">
                O cupom só será salvo localmente se for criado com sucesso na Nuvemshop.
            </p>
        </form>

        <div class="card lg:col-span-2">
            <h2 class="mb-4 text-lg font-bold">Histórico de cupons</h2>

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-200">
                    <thead>
                    <tr>
                        <th class="table-th">Cupom</th>
                        <th class="table-th">Influencer</th>
                        <th class="table-th">Desconto</th>
                        <th class="table-th">Status</th>
                        <th class="table-th">Pedidos</th>
                        <th class="table-th text-right">Ações</th>
                    </tr>
                    </thead>

                    <tbody class="divide-y divide-slate-100">
                    @forelse($coupons as $coupon)
                        <tr>
                            <td class="table-td font-semibold">
                                {{ $coupon->coupon_code_original }}
                                <div class="text-xs font-normal text-slate-400">
                                    ID Nuvemshop: {{ $coupon->external_coupon_id ?: '-' }}
                                </div>
                            </td>

                            <td class="table-td">
                                {{ $coupon->influencer->name }}
                            </td>

                            <td class="table-td">
                                {{ number_format((float) $coupon->discount_percentage, 2, ',', '.') }}%
                            </td>

                            <td class="table-td">
                                {{ $coupon->status->label() }}
                            </td>

                            <td class="table-td">
                                {{ $coupon->orders_count ?? $coupon->orders->count() }}
                            </td>

                            <td class="table-td">
                                <div class="flex justify-end gap-2">
                                    @if($coupon->status !== \App\Enums\CouponStatus::Deleted)
                                        <details class="relative">
                                            <summary class="btn-secondary cursor-pointer list-none">
                                                Editar
                                            </summary>

                                            <div class="absolute right-0 z-20 mt-2 w-80 rounded-2xl border border-slate-200 bg-white p-4 shadow-xl">
                                                <form method="POST" action="{{ route('admin.coupons.update', $coupon) }}" class="space-y-3">
                                                    @csrf
                                                    @method('PUT')

                                                    <div>
                                                        <label class="input-label">Código</label>
                                                        <input class="input-field" name="coupon_code_original" value="{{ old('coupon_code_original', $coupon->coupon_code_original) }}" required>
                                                        @if($coupon->orders->count() > 0)
                                                            <p class="mt-1 text-xs text-amber-600">
                                                                Este cupom já tem pedidos. Para manter histórico, não altere o código.
                                                            </p>
                                                        @endif
                                                    </div>

                                                    <div>
                                                        <label class="input-label">Desconto (%)</label>
                                                        <input class="input-field" type="number" step="0.01" min="0.01" max="100" name="discount_percentage" value="{{ old('discount_percentage', $coupon->discount_percentage) }}" required>
                                                    </div>

                                                    <div>
                                                        <label class="input-label">Status</label>
                                                        <select class="input-field" name="status" required>
                                                            <option value="active" @selected($coupon->status === \App\Enums\CouponStatus::Active)>Ativo</option>
                                                            <option value="inactive" @selected($coupon->status === \App\Enums\CouponStatus::Inactive)>Inativo</option>
                                                        </select>
                                                    </div>

                                                    <button class="btn-primary w-full">
                                                        Salvar alterações
                                                    </button>
                                                </form>
                                            </div>
                                        </details>

                                        <form method="POST" action="{{ route('admin.coupons.destroy', $coupon) }}" onsubmit="return confirm('Excluir este cupom também na Nuvemshop? Esta ação não poderá ser desfeita na loja.');">
                                            @csrf
                                            @method('DELETE')

                                            <button class="btn-danger">
                                                Excluir
                                            </button>
                                        </form>
                                    @else
                                        <span class="text-sm text-slate-400">Sem ações</span>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td class="table-td text-slate-500" colspan="6">
                                Nenhum cupom cadastrado.
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            <div class="mt-4">{{ $coupons->links() }}</div>
        </div>
    </div>
@endsection