@inject('activityLogger', 'V2\Services\ActivityLogger\ActivityLoggerService')
<form action="{{ route('v2.structural-editor.theme.save') }}" method="POST" enctype="multipart/form-data">
    {{ csrf_field() }}
    <input type="hidden" name="tab" value="comunicado-global">
    @php 
        $configModel = $configs->has('global_banner') ? $configs['global_banner'] : null;
        $payload = $configModel ? $configModel->payload : []; 
        $bannerImg = $payload['banner_image'] ?? null;
        $bannerPath = is_array($bannerImg) ? ($bannerImg['path'] ?? '') : $bannerImg;
    @endphp

    <div class="row g-3 mb-4">
        <div class="col-12">
            <div class="mb-3">
                @include('v2-service-media::components.media-input', [
                    'name' => 'banner_image',
                    'label' => 'Imagem do Banner',
                    'accept' => 'image/*',
                    'help' => 'Resolução ideal: 1920x200px (Desktop) para banners horizontais.',
                    'currentUrl' => $bannerPath ? v2_storage_url($bannerPath) : '',
                    'currentAlt' => $payload['banner_image_alt'] ?? '',
                    'currentId' => $bannerPath ? \Illuminate\Support\Facades\DB::table('v2_gallery_media')->where('file_path', $bannerPath)->value('id') : '',
                    'ownerModule' => 'layout_base'
                ])
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="url_destino">URL de Destino (Opcional)</label>
                <input type="url" name="url_destino" id="url_destino" class="form-control"
                       placeholder="https://lotep.pb.gov.br/pagina-de-destino"
                       inputmode="url"
                       pattern="https?://.+"
                       title="URL completa começando com https://"
                       value="{{ $payload['url_destino'] ?? '' }}"
                       aria-describedby="urlDestinoHelp">
                <div class="form-text mt-1" id="urlDestinoHelp">Para onde o usuário será redirecionado ao clicar no banner. Deixe vazio para nenhum redirecionamento.</div>
            </div>
        </div>
        <div class="col-md-6 col-12">
            <div class="mb-3">
                <label class="form-label fw-bold" for="start_date">Data/Hora Inicial de Exibição</label>
                <input type="datetime-local" name="start_date" id="start_date" class="form-control"
                       value="{{ $payload['start_date'] ?? '' }}"
                       aria-describedby="startDateHelp">
                <div class="form-text mt-1" id="startDateHelp">Data e hora a partir da qual o banner será exibido no portal.</div>
            </div>
        </div>
        <div class="col-md-6 col-12">
            <div class="mb-3">
                <label class="form-label fw-bold" for="end_date">Data/Hora Final de Exibição</label>
                <input type="datetime-local" name="end_date" id="end_date" class="form-control"
                       value="{{ $payload['end_date'] ?? '' }}"
                       aria-describedby="endDateHelp">
                <div class="form-text mt-1" id="endDateHelp">Data e hora em que o banner deixará de ser exibido.</div>
            </div>
        </div>
    </div>

    @v2can('LayoutBase', 'write')
    <button type="submit" class="btn btn-primary fw-bold px-3 d-inline-flex align-items-center gap-1 mt-3"><i class="bi bi-save" aria-hidden="true"></i> Salvar Comunicado Global</button>
    @endv2can
</form>

@include('v2-structurallandingeditor::cms.tabs.layoutbase.components.history-table', ['configModel' => $configModel, 'showMediaColumn' => true, 'logSuffix' => 'Atualizou o Comunicado Global.'])