@extends('layouts.user_type.guest')
@section('header_title', $isEdit ? __('Edit Instagram account') : __('Add Instagram account manually'))

@push('extra_css')
    <link rel="stylesheet" href="{{ url('/') }}/assets/css/style.css">
    <link rel="stylesheet" href="{{ url('/') }}/assets/css/responsive.css">
    <style>
        .instagram-form-page { padding: 92px 0 56px; color: var(--text); }
        .instagram-form-panel { border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: var(--bg2); padding: 22px; }
        .instagram-form-panel h1 { color: #fff; font-size: 24px; font-weight: 900; margin: 0 0 10px; }
        .instagram-form-panel p { color: #9fb0cc; line-height: 1.9; margin-bottom: 20px; }
        .instagram-form-panel label { color: #fff; font-weight: 800; margin-bottom: 7px; }
        .instagram-form-panel .form-control { border-radius: 8px; }
        .instagram-note { padding: 14px; border-radius: 8px; border: 1px solid rgba(245,158,11,.25); background: rgba(245,158,11,.1); color: #ffd89a; line-height: 1.9; margin-bottom: 18px; }
        .instagram-form-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
    </style>
@endpush

@section('content')
    <main class="instagram-form-page">
        <div class="container">
            @include('user.user_menu')

            <section class="instagram-form-panel">
                <h1>{{ $isEdit ? __('Edit Instagram account') : __('Add Instagram account manually') }}</h1>
                <p>{{ __('Manual accounts are only saved as profile records. To let the robot manage posts, comments, or messages, connect through Meta OAuth.') }}</p>
                <div class="instagram-note">{{ __('We never store Instagram passwords. Meta connection uses OAuth tokens issued by Meta.') }}</div>

                @if($errors->any())
                    <div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
                @endif

                <form method="POST" action="{{ $isEdit ? localized_route('user.instagram-accounts.update', $account) : localized_route('user.instagram-accounts.store') }}">
                    @csrf
                    @if($isEdit) @method('PUT') @endif

                    <div class="row">
                        <div class="col-md-6 mb-3"><label for="username">{{ __('Instagram username') }}</label><input id="username" name="username" class="form-control" dir="ltr" value="{{ old('username', $account->username) }}" placeholder="shop_username" required></div>
                        <div class="col-md-6 mb-3"><label for="display_name">{{ __('Display name') }}</label><input id="display_name" name="display_name" class="form-control" value="{{ old('display_name', $account->display_name) }}" placeholder="MigMig Store"></div>
                        <div class="col-md-6 mb-3"><label for="business_name">{{ __('Business name') }}</label><input id="business_name" name="business_name" class="form-control" value="{{ old('business_name', $account->business_name) }}"></div>
                        <div class="col-md-6 mb-3"><label for="business_category">{{ __('Business category') }}</label><input id="business_category" name="business_category" class="form-control" value="{{ old('business_category', $account->business_category) }}"></div>
                        <div class="col-12 mb-3"><label for="notes">{{ __('Internal notes') }}</label><textarea id="notes" name="notes" class="form-control" rows="5">{{ old('notes', $account->notes) }}</textarea></div>
                    </div>

                    <div class="instagram-form-actions"><button type="submit" class="btn btn-primary">{{ $isEdit ? __('Save changes') : __('Save manually') }}</button><a class="btn btn-outline-primary" href="{{ localized_route('user.instagram-accounts.index') }}">{{ __('Back') }}</a></div>
                </form>
            </section>

            @if($isEdit)
                @php($botSetting = $account->botSetting)
                <section class="instagram-form-panel mt-4">
                    <h1>{{ __('Bot settings') }}</h1>
                    <p>{{ __('These settings control AI draft generation and automatic replies for this Instagram account.') }}</p>

                    <form method="POST" action="{{ localized_route('user.instagram-accounts.bot-settings.update', $account) }}">
                        @csrf
                        @method('PUT')

                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label for="mode">{{ __('AI mode') }}</label>
                                <select id="mode" name="mode" class="form-control">
                                    <option value="off" @selected(old('mode', $botSetting?->mode ?? 'suggest') === 'off')>off</option>
                                    <option value="suggest" @selected(old('mode', $botSetting?->mode ?? 'suggest') === 'suggest')>suggest</option>
                                    <option value="auto" @selected(old('mode', $botSetting?->mode ?? 'suggest') === 'auto')>auto</option>
                                </select>
                            </div>
                            <div class="col-md-2 mb-3"><label for="locale">{{ __('Locale') }}</label><input id="locale" name="locale" class="form-control" value="{{ old('locale', $botSetting?->locale ?? app()->getLocale()) }}"></div>
                            <div class="col-md-3 mb-3"><label for="embedding_model">{{ __('Embedding model') }}</label><input id="embedding_model" name="embedding_model" class="form-control" dir="ltr" value="{{ old('embedding_model', $botSetting?->embedding_model ?? config('openai.embedding_model')) }}"></div>
                            <div class="col-md-3 mb-3"><label for="chat_model">{{ __('Chat model') }}</label><input id="chat_model" name="chat_model" class="form-control" dir="ltr" value="{{ old('chat_model', $botSetting?->chat_model ?? config('openai.chat_model')) }}"></div>
                            <div class="col-md-6 mb-3"><label><input type="checkbox" name="auto_reply_enabled" value="1" @checked(old('auto_reply_enabled', $botSetting?->auto_reply_enabled ?? false))> {{ __('Auto reply enabled') }}</label></div>
                            <div class="col-md-6 mb-3"><label><input type="checkbox" name="human_review_required" value="1" @checked(old('human_review_required', $botSetting?->human_review_required ?? true))> {{ __('Human review required') }}</label></div>
                            <div class="col-12 mb-3"><label for="system_prompt">{{ __('System prompt') }}</label><textarea id="system_prompt" name="system_prompt" class="form-control" rows="6">{{ old('system_prompt', $botSetting?->system_prompt) }}</textarea></div>
                        </div>

                        <div class="instagram-form-actions"><button type="submit" class="btn btn-primary">{{ __('Save bot settings') }}</button></div>
                    </form>
                </section>
            @endif
        </div>
    </main>
@endsection