@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Gestion des permissions des listings</h1>

    @if(session('success'))
        <div style="color: green; margin-bottom: 15px;">
            {{ session('success') }}
        </div>
    @endif

    <div style="display: flex; gap: 40px; align-items: flex-start;">

        <div style="width: 50%;">
            <h2>Utilisateurs autorisés</h2>

            <form method="POST" action="{{ route('admin.listing-permissions.users.update') }}">
                @csrf
                @method('PUT')

                @foreach($users as $user)
                    <div style="margin-bottom: 8px;">
                        <label>
                            <input
                                type="checkbox"
                                name="users[]"
                                value="{{ $user->id }}"
                                {{ $user->has_add_listings ? 'checked' : '' }}
                            >
                            {{ $user->name }} (ID: {{ $user->id }})
                        </label>
                    </div>
                @endforeach

                <button type="submit">Enregistrer utilisateurs</button>
            </form>
        </div>

        <div style="width: 50%;">
            <h2>Villes autorisées</h2>

            <form method="POST" action="{{ route('admin.listing-permissions.cities.update') }}">
                @csrf
                @method('PUT')

                @foreach($cities as $city)
                    <div style="margin-bottom: 8px;">
                        <label>
                            <input
                                type="checkbox"
                                name="cities[]"
                                value="{{ $city->id }}"
                                {{ $city->has_add_listings ? 'checked' : '' }}
                            >
                            {{ $city->name }} (ID: {{ $city->id }})
                        </label>
                    </div>
                @endforeach

                <button type="submit">Enregistrer villes</button>
            </form>
        </div>

    </div>
</div>
@endsection