@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Seleccionar Negocio'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-8 mx-auto">
                <div class="card">
                    <div class="card-header pb-0 text-center">
                        <h5 class="mb-0">Seleccionar Contexto de Negocio</h5>
                        <p class="text-sm text-muted">Elige un negocio para operar en su contexto</p>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach($businesses as $business)
                                <div class="col-md-6 mb-3">
                                    <div class="card border {{ $currentBusinessId == $business->id ? 'border-primary' : '' }} h-100">
                                        <div class="card-body">
                                            <div class="d-flex justify-content-between align-items-start">
                                                <div>
                                                    <h6 class="mb-1">{{ $business->name }}</h6>
                                                    <p class="text-sm text-muted mb-2">{{ $business->subdomain }}.conversa.app</p>
                                                    @if($business->is_active)
                                                        <span class="badge bg-success">Activo</span>
                                                    @else
                                                        <span class="badge bg-secondary">Inactivo</span>
                                                    @endif
                                                </div>
                                                @if($currentBusinessId == $business->id)
                                                    <span class="badge bg-primary">Actual</span>
                                                @endif
                                            </div>
                                            <form action="{{ route('super-admin.switch-business') }}" method="POST" class="mt-3">
                                                @csrf
                                                <input type="hidden" name="business_id" value="{{ $business->id }}">
                                                <button type="submit" class="btn btn-sm btn-{{ $currentBusinessId == $business->id ? 'primary' : 'outline-primary' }} w-100">
                                                    @if($currentBusinessId == $business->id)
                                                        <i class="fas fa-check me-1"></i> Seleccionado
                                                    @else
                                                        <i class="fas fa-sign-in-alt me-1"></i> Entrar
                                                    @endif
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        @if($currentBusinessId)
                            <hr class="my-4">
                            <div class="text-center">
                                <form action="{{ route('super-admin.clear-context') }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-outline-secondary">
                                        <i class="fas fa-times me-2"></i> Salir del Contexto de Negocio
                                    </button>
                                </form>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        @include('layouts.footers.auth.footer')
    </div>
@endsection