{{-- resources/views/admin/partners/edit.blade.php --}}
@extends('admin.layout')

@section('content')
<div class="max-w-2xl mx-auto">
    <div class="bg-white rounded-lg shadow">
        <div class="px-6 py-4 border-b">
            <h2 class="text-xl font-semibold text-gray-800">Modifier le Partenaire</h2>
        </div>

        <!-- EDIT FORM -->
        <form action="{{ route('admin.partners.update', $partner) }}" method="POST" class="p-6">
            @csrf
            @method('PUT')

            <div class="space-y-6">
                <!-- Partner ID -->
                <div>
                    <label for="partner_id" class="block text-sm font-medium text-gray-700 mb-2">
                        ID Partenaire *
                    </label>
                    <input type="text"
                           name="partner_id"
                           id="partner_id"
                           value="{{ old('partner_id', $partner->partner_id) }}"
                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                           required
                           placeholder="ex: sfr, sfr_paris">
                    @error('partner_id')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Nom -->
                <div>
                    <label for="name" class="block text-sm font-medium text-gray-700 mb-2">
                        Nom du Partenaire *
                    </label>
                    <input type="text"
                           name="name"
                           id="name"
                           value="{{ old('name', $partner->name) }}"
                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                           required
                           placeholder="ex: sfr France">
                    @error('name')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Chemin de redirection -->
                <div>
                    <label for="redirect_path" class="block text-sm font-medium text-gray-700 mb-2">
                        Chemin de Redirection *
                    </label>
                    <input type="text"
                           name="redirect_path"
                           id="redirect_path"
                           value="{{ old('redirect_path', $partner->redirect_path) }}"
                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                           required
                           placeholder="ex: sfr, sfr-paris">
                    @error('redirect_path')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Statut Checkbox (in edit form) -->
                <div>
                    <label class="flex items-center">
                        <input type="checkbox"
                               name="active"
                               value="1"
                               {{ old('active', $partner->active) ? 'checked' : '' }}
                               class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">
                        <span class="ml-2 text-sm text-gray-700">Partenaire actif</span>
                    </label>
                </div>
            </div>

            <!-- Actions -->
            <div class="mt-8 flex justify-end space-x-3">
                <a href="{{ route('admin.partners.index') }}"
                   class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition">
                    Annuler
                </a>
                <button type="submit"
                        class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition">
                    Mettre à jour
                </button>
            </div>
        </form>

        <!-- SEPARATE TOGGLE FORM (outside the edit form!) -->
        <div class="px-6 py-4 border-t bg-gray-50">
            <h3 class="text-lg font-medium text-gray-900 mb-3">Changer le statut rapidement</h3>

            <form action="{{ route('admin.partners.toggle', $partner) }}" method="POST" class="inline">
                @csrf
                @method('PUT')
                <button type="submit"
                        class="px-4 py-2 rounded-md text-white font-medium
                               {{ $partner->active ? 'bg-red-600 hover:bg-red-700' : 'bg-green-600 hover:bg-green-700' }}">
                    <i class="fas fa-power-off mr-2"></i>
                    {{ $partner->active ? 'Désactiver' : 'Activer' }} ce partenaire
                </button>
                <p class="mt-2 text-sm text-gray-600">
                    Statut actuel:
                    <span class="font-medium {{ $partner->active ? 'text-green-600' : 'text-red-600' }}">
                        {{ $partner->active ? 'Actif' : 'Inactif' }}
                    </span>
                </p>
            </form>
        </div>
    </div>
</div>
@endsection