@extends('backend.layouts.app')

@section('main-content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Businesses</h1>
                </div>
                <div class="col-sm-6 text-right">
                    <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#purgeAllModal">
                        Delete All (Fresh Import)
                    </button>
                    <a href="{{ route('admin.business.create') }}" class="btn btn-primary">Add New Business</a>
                    <a href="{{ route('admin.business.import.view') }}" class="btn btn-primary">Import  New Business</a>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif
            <div class="card">
                <form action="" method="GET">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card-title">
                                    <button type="button" onclick="window.location.href='{{ route('admin.business.index') }}'"
                                        class="btn btn-outline-secondary">Reset</button>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card-tools d-flex gap-2 justify-content-end">
                                    <select name="per_page" class="form-control" style="max-width: 140px;" onchange="this.form.submit()">
                                        @foreach ([10, 25, 50, 100, 500, 1000] as $size)
                                            <option value="{{ $size }}" @selected((int) request('per_page', 10) === $size)>{{ $size }} / page</option>
                                        @endforeach
                                    </select>
                                    <div class="input-group input-group">
                                        <input type="text" value="{{ Request::get('keyword') }}" name="keyword"
                                            class="form-control float-right" placeholder="Search name, email, phone, website, category, city">

                                        <div class="input-group-append">
                                            <button type="submit" class="btn btn-default">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="card-body table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Address</th>
                                <th>Phone</th>
                                <th>Website / Email</th>
                                <th>Pro or Free</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($businesses as $business)
                                @php
                                    $city = $business->cities->first();
                                @endphp
                                <tr>
                                    <td>
                                        <a href="{{ route('business.custom.slug', $business->slug) }}" target="_blank" rel="noopener noreferrer">
                                            {{ $business->name }}
                                        </a>
                                        @if ($business->categories->isNotEmpty())
                                            <div class="text-muted small mt-1">
                                                {{ $business->categories->pluck('name')->join(', ') }}
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($business->address)
                                            <div>{{ $business->address }}</div>
                                        @endif
                                        @if ($city)
                                            <div class="text-muted small mt-1">
                                                {{ $city->name }}@if ($city->country), {{ $city->country }}@endif
                                            </div>
                                        @endif
                                    </td>
                                    <td>{{ $business->phone ?: '—' }}</td>
                                    <td>
                                        @if ($business->website)
                                            <div>{{ $business->website }}</div>
                                        @endif
                                        @if ($business->email)
                                            <div class="text-muted small mt-1">{{ $business->email }}</div>
                                        @endif
                                        @if (!$business->website && !$business->email)
                                            —
                                        @endif
                                    </td>
                                    <td>{{ $business->is_paid ? 'Premium' : 'Free' }}</td>
                                    <td>
                                        <a href="{{ route('admin.business.show', $business->id) }}" class="btn btn-warning btn-sm">Edit</a>
                                        <form action="{{ route('admin.business.destroy', $business->id) }}" method="POST" style="display:inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $businesses->links() }}
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade" id="purgeAllModal" tabindex="-1" aria-labelledby="purgeAllModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('admin.business.purge-all') }}" method="POST">
                    @csrf
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title" id="purgeAllModalLabel">Delete all businesses, cities &amp; categories</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="text-danger fw-semibold">This is permanent and cannot be undone.</p>
                        <p>Everything below will be removed:</p>
                        <ul>
                            <li>All businesses</li>
                            <li>All cities</li>
                            <li>All categories</li>
                            <li>Related chats, zoom meetings, and business transactions</li>
                        </ul>
                        <p class="mb-2">Type <strong>DELETE ALL</strong> to confirm:</p>
                        <input type="text" name="confirm" class="form-control" placeholder="DELETE ALL" required autocomplete="off">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-danger">Delete everything</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection