@extends('layouts.app')

@section('content')
<form class="glass-panel" style="border-radius:12px;padding:20px" method="post" action="{{ route('statuses.store') }}" enctype="multipart/form-data">
    @csrf
    <h1 class="font-display" style="font-size:32px;color:var(--primary);margin-top:0">Publish Status</h1>
    <label>Format<select class="input" name="type"><option>text</option><option>image</option><option>voice</option><option>video</option></select></label>
    <label>Text/body<textarea class="input" name="body" rows="5"></textarea></label>
    <label>Media<input class="input" name="media" type="file" accept="image/*,audio/*,video/*"></label>
    <label>Caption<input class="input" name="caption" maxlength="300"></label>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
        <label>Gradient from<input class="input" name="gradient_from" value="#4f46e5"></label>
        <label>Gradient to<input class="input" name="gradient_to" value="#00a572"></label>
    </div>
    <label>WhatsApp number<input class="input" name="whatsapp_number"></label>
    <label>Telegram username<input class="input" name="telegram_username"></label>
    <button class="button button-secondary" style="margin-top:14px">Publish</button>
    <p class="font-data" style="font-size:12px;color:var(--outline)">AI caption assistant and stock selector UI hooks are reserved for Gemini/API integration.</p>
</form>
@endsection