@extends('adminlte::page')

@section('title', 'Mostrar vendedor')

@section('content_header')
    <h1>Dashboard</h1>
@endsection

@section('content')
    <div class="container-fluid">
        <!-- Banner -->
        <div class="row mb-3">
            <div class="col-12">
                <div class="vendor-banner rounded"
                    style="background-image: url('{{ asset('uploads/vendors/' . $vendor->banner_image) }}'); background-size: cover; background-position: center; height: 140px;">
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Columna imagen (4) -->
            <div class="col-md-4 text-center mb-3">
                <img src="{{ asset('uploads/vendors/' . $vendor->vendor_image) }}" class="img-fluid rounded-circle mb-2"
                    style="max-width: 200px;" alt="Logo Tienda">
                <span class="badge {{ $vendor->active_user ? 'bg-success' : 'bg-danger' }}">
                    {{ $vendor->active_user ? 'Activo' : 'Inactivo' }}
                </span>
                <div id="buttons" class="d-flex gap-2 mt-2">
                    <a href="{{ Route('listUsers') }}" class="btn btn-info btn-sm">
                        <i class="bi bi-arrow-90deg-left"></i> Regresar
                    </a>

                    <form action="{{-- route('admin.vendors.toggleActive', $vendor->id) --}}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-sm {{ $vendor->active_user ? 'btn-danger' : 'btn-success' }}"
                            disabled>
                            {{ $vendor->active_user ? 'Desactivar' : 'Activar' }}
                        </button>
                    </form>
                </div>
            </div>

            <!-- Columna datos (8) -->
            <div class="col-md-8">
                <h4>{{ $vendor->display_name }}</h4>

                <ul class="list-group mb-3">
                    <li class="list-group-item"><strong>ID:</strong> {{ $vendor->id }}</li>
                    <li class="list-group-item"><strong>Usuario ID:</strong> {{ $vendor->user->display_name }}</li>
                    <li class="list-group-item"><strong>Slug:</strong> {{ $vendor->slug }}</li>
                    <li class="list-group-item"><strong>Teléfono:</strong> <a
                            href="tel:{{ $vendor->vendor_number }}">{{ $vendor->vendor_number }}</a></li>
                    <li class="list-group-item"><strong>Email:</strong> <a
                            href="mailto:{{ $vendor->vendor_email }}">{{ $vendor->vendor_email }}</a></li>
                    <li class="list-group-item"><strong>Destacado:</strong> {{ $vendor->vendor_featured ? 'Sí' : 'No' }}
                    </li>
                    <li class="list-group-item"><strong>Pendiente de revisión:</strong>
                        {{ $vendor->publish_products_directly ? 'Sí' : 'No' }}</li>
                    <li class="list-group-item"><strong>Creado:</strong> {{ $vendor->created_at }}</li>
                    <li class="list-group-item"><strong>Actualizado:</strong> {{ $vendor->updated_at }}</li>
                </ul>

            </div>
        </div>
    </div>
@endsection