@extends('layout.backoffice')
@section('content')
    <div class="card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Enlazar Cuenta de Mercado Libre</h5>
        </div>
        <div class="card-body">
            @if($usuarioLogueado)
                <header class="card-header">
                    <h5>Lo has logrado!</h5>
                </header>
                <div class="card-body">
                    Haz enlazado tu cuenta de Mercado Libre, ahora tus productos empezaran a sincronzarse en breve.
                </div>
            @else
                <header class="card-header">
                    <h5>Enlace de Cuentas</h5>
                </header>
                <div class="card-body">
                    Haz clic en el siguiente botón para enlazar tu cuenta con la aplicación de Mercado Libre.
                    <br>
                    <br>
                    <a href="{{ $urlLogin ?? '' }}">
                        <button type="button" class="btn btn-shadow btn-success">Enlazar Cuenta</button>
                    </a>
                </div>
            @endif
        </div>
    </div>
@endsection