@extends('admin.layouts.master')

@section('content')
    <div class="col-12">
        <div class="card mb-4 shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">Editar Notícia</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('notices.update', $notices->id) }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        {{-- Coluna 1 --}}
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="inputTitle" class="form-label">Título</label>
                                <input type="text" class="form-control" id="inputTitle" name="title" value="{{ old('title', $notices->title) }}" required>
                            </div>
                            <div class="mb-3">
                                <label for="inputSlug" class="form-label">Slug</label>
                                <input type="text" class="form-control" id="inputSlug" name="slug" value="{{ old('slug', $notices->slug) }}">
                            </div>
                            <div class="mb-3">
                                <label for="inputPhotographer" class="form-label">Fotógrafo</label>
                                <input type="text" class="form-control" id="inputPhotographer" name="photographer" value="{{ old('photographer', $notices->photographer) }}">
                            </div>
                        </div>

                        {{-- Coluna 2 --}}
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="inputImage" class="form-label">Imagem</label>
                                <input type="file" class="form-control" id="inputImage" name="image" accept="image/*">
                                @if ($notices->image)
                                    <div class="mt-2">
                                        <img src="{{ asset('assets/notices/images/' . $notices->image) }}" width="150" class="img-thumbnail">
                                        <small class="d-block text-muted">Imagem atual. Envie uma nova para substituir.</small>
                                    </div>
                                @endif
                            </div>
                            <div class="mb-3">
                                <label for="inputChapeu" class="form-label">Chapéu</label>
                                <input type="text" class="form-control" id="inputChapeu" name="chapeu" value="{{ old('chapeu', $notices->chapeu) }}">
                            </div>
                            <div class="mb-3">
                                <label for="inputFatured" class="form-label">Notícia Destaque?</label>
                                <select class="form-select" id="inputFatured" name="fatured">
                                    <option value="1" {{ old('fatured', $notices->fatured) == 1 ? 'selected' : '' }}>Sim</option>
                                    <option value="0" {{ old('fatured', $notices->fatured) == 0 ? 'selected' : '' }}>Não</option>
                                </select>
                            </div>
                        </div>

                        {{-- Coluna 3 --}}
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="inputVisibleSecretariat" class="form-label">Visível na Secretaria?</label>
                                <select class="form-select" id="inputVisibleSecretariat" name="visible_secretariat">
                                    <option value="1" {{ old('visible_secretariat', $notices->visible_secretariat) == 1 ? 'selected' : '' }}>Sim</option>
                                    <option value="0" {{ old('visible_secretariat', $notices->visible_secretariat) == 0 ? 'selected' : '' }}>Não</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="inputDateshow" class="form-label">Data de Exibição</label>
                                <input type="datetime-local" class="form-control" id="inputDateshow" name="dateshow" value="{{ old('dateshow', \Carbon\Carbon::parse($notices->dateshow)->format('Y-m-d\TH:i')) }}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label fw-bold d-block mb-2">Selecionar Parlamentar</label>
                                <div class="checkbox-list" style="max-height: 150px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: 5px;">
                                    {{-- A CORREÇÃO ESTÁ AQUI --}}
                                    @php
                                        // Pega os IDs dos parlamentares já associados a esta notícia
                                        $relatedPeoples = $notices->peoples->pluck('id')->toArray();
                                    @endphp
                                    {{-- Loop em TODOS os parlamentares disponíveis --}}
                                    @foreach ($peoples as $people)
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="peoples[]" value="{{ $people->id }}" id="people_{{ $people->id }}"
                                                {{-- Marca o checkbox se o ID do parlamentar estiver na lista de relacionados --}}
                                                {{ in_array($people->id, old('peoples', $relatedPeoples)) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="people_{{ $people->id }}">
                                                {{ $people->name }}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="inputContent" class="form-label">Conteúdo</label>
                                <input id="inputContent" type="hidden" name="content" value="{{ old('content', $notices->content) }}">
                                <trix-editor input="inputContent"></trix-editor>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Atualizar Registro</button>
                    <a href="{{ route('notices.index') }}" class="btn btn-secondary">Cancelar</a>
                </form>
            </div>
        </div>
    </div>
@endsection