@extends('admin.layouts.app')

@section('title', 'Customers')

@section('content')
<div class="table-wrapper">
    <div class="table-header">
        @if(auth()->user()->hasPermission('create_customer'))
        <a href="{{ route('admin.customers.create') }}" class="btn-create">
            <i class="bi bi-plus-lg"></i> Create Customer
        </a>
        @else
        <div></div>
        @endif

        <div class="search-box">
            <i class="bi bi-search"></i>
            <form method="GET" action="{{ route('admin.customers.index') }}">
                <input type="text" name="search" placeholder="Search by name or phone..." value="{{ request('search') }}">
            </form>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>State</th>
                    <th>Redemption Center</th>
                    <th>Wrappers (Month {{ $currentCycle }})</th>
                    <th>Points (Month {{ $currentCycle }})</th>
                    <th>Status</th>
                    <th style="width:110px;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($customers as $index => $customer)
                @php
                    $currentPoints = $customer->points->first();
                @endphp
                <tr>
                    <td>{{ $customers->firstItem() + $index }}</td>
                    <td><strong>{{ $customer->full_name }}</strong></td>
                    <td>{{ $customer->phone }}</td>
                    <td>{{ $customer->state?->name ?? '—' }}</td>
                    <td>{{ $customer->redemptionCenter?->name ?? '—' }}</td>
                    <td>
                        <span style="background:#e3f2fd; color:#1565c0; padding:3px 10px; border-radius:12px; font-size:12px; font-weight:600;">
                            {{ $currentPoints->total_wrappers ?? 0 }}
                        </span>
                    </td>
                    <td>
                        <span style="background:#e8f5e9; color:#2e7d32; padding:3px 10px; border-radius:12px; font-size:12px; font-weight:600;">
                            {{ $currentPoints->points ?? 0 }}
                        </span>
                    </td>
                    <td>
                        <span class="badge-{{ $customer->status }}">{{ ucfirst($customer->status) }}</span>
                    </td>
                    <td>
                        <a href="{{ route('admin.customers.show', $customer) }}" class="btn-action view" title="View">
                            <i class="bi bi-eye"></i>
                        </a>

                        @if(auth()->user()->hasPermission('deactivate_customer'))
                            @if($customer->isActive())
                            <form method="POST" action="{{ route('admin.customers.deactivate', $customer) }}" class="d-inline" onsubmit="return confirm('Deactivate this customer?')">
                                @csrf
                                <button type="submit" class="btn-action deactivate" title="Deactivate">
                                    <i class="bi bi-x-circle"></i>
                                </button>
                            </form>
                            @else
                            <form method="POST" action="{{ route('admin.customers.reactivate', $customer) }}" class="d-inline">
                                @csrf
                                <button type="submit" class="btn-action activate" title="Reactivate">
                                    <i class="bi bi-check-circle"></i>
                                </button>
                            </form>
                            @endif
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="9" class="text-center" style="padding:30px; color:#999;">No customers found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{ $customers->links() }}
</div>
@endsection