{% extends 'base.html' %}
{% block content %}
<h1 class="h3 mb-3">{{ t('instagram') }}</h1>
<div class="row g-3"><div class="col-xl-7"><div class="card"><div class="card-body">
<h2 class="h5">{{ t('connect_account') }}</h2>
<form method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="connect">
<div class="row g-3"><div class="col-md-6"><label class="form-label">Instagram Username</label><input class="form-control" name="username" value="{{ account.username or '' }}" required></div><div class="col-md-6"><label class="form-label">Instagram Password</label><input class="form-control" type="password" name="password" required></div><div class="col-md-6"><label class="form-label">{{ t('verification_code') }}</label><input class="form-control" name="verification_code"></div></div>
<p class="small text-muted mt-2">Password is not stored. Session cookies are stored in a private file under storage/secrets.</p><button class="btn btn-primary">{{ t('connect_account') }}</button></form>
<form method="post" class="mt-2"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="test"><button class="btn btn-outline-secondary">{{ t('test_connection') }}</button></form>
</div></div></div>
<div class="col-xl-5"><div class="card"><div class="card-body"><h2 class="h5">{{ t('account_status') }}</h2><dl class="row small"><dt class="col-5">Username</dt><dd class="col-7">{{ account.username or '-' }}</dd><dt class="col-5">User ID</dt><dd class="col-7">{{ account.instagram_user_id or '-' }}</dd><dt class="col-5">{{ t('status') }}</dt><dd class="col-7">{{ account.status }}</dd><dt class="col-5">{{ t('session_status') }}</dt><dd class="col-7">{{ account.session_status }}</dd><dt class="col-5">{{ t('challenge') }}</dt><dd class="col-7">{{ account.challenge_status }}</dd><dt class="col-5">{{ t('rate_limit') }}</dt><dd class="col-7">{{ account.rate_limit_status }}</dd><dt class="col-5">{{ t('last_login') }}</dt><dd class="col-7">{{ account.last_login_at or '-' }}</dd><dt class="col-5">{{ t('last_request') }}</dt><dd class="col-7">{{ account.last_successful_request_at or '-' }}</dd><dt class="col-5">{{ t('last_error') }}</dt><dd class="col-7 text-danger">{{ account.last_error or '-' }}</dd></dl></div></div></div></div>
{% if medias %}<h2 class="h5 mt-4">{{ t('recent_posts') }}</h2><div class="row g-3">{% for m in medias %}<div class="col-6 col-lg-3"><div class="card h-100">{% if m.thumbnail_url %}<img src="{{ m.thumbnail_url }}" class="card-img-top media-thumb" alt="">{% endif %}<div class="card-body"><small>{{ m.caption or '-' }}</small><div class="text-muted mt-2 text-break">{{ m.id }}</div><div class="small text-muted">{{ m.taken_at }}</div></div></div></div>{% endfor %}</div>{% endif %}
{% endblock %}