@extends('admin.layouts.master')

@section('content')
    <div class="col-12">
        <div class="card mb-4 shadow-sm">
            <div class="card-title">
                <div class="card-body">
                    <form method="POST" action="{{ route('paginas.update', $paginas->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <input type="hidden" name="menus_id" value="{{ $paginas->menus_id }}">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="pageTitle" class="form-label">Título da Página</label>
                                    <input type="text" class="form-control" id="pageTitle" name="title"
                                        value="{{ old('title', $paginas->title) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="pageUrl" class="form-label">URL Externa (opcional)</label>
                                    <input type="url" class="form-control" id="pageUrl" name="url_external"
                                        value="{{ old('url_external', $paginas->url_external) }}">
                                </div>
                                <div class="mb-3">
                                    <label for="pageImage" class="form-label">Imagem Atual</label><br>
                                    @if ($paginas->image)
                                        <img src="{{ asset('paginas/images/' . $paginas->image) }}" alt="Imagem"
                                            style="max-width: 100%; height: auto; margin-bottom: 10px;">
                                    @else
                                        <p>Sem imagem</p>
                                    @endif
                                </div>
                                <div class="mb-3">
                                    <label for="pageImage" class="form-label">Alterar Imagem</label>
                                    <input type="file" class="form-control" id="pageImage" name="image"
                                        accept="image/*">
                                    <small class="form-text text-muted">Deixe em branco para manter a imagem atual.</small>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="inputContent2" class="form-label">Conteúdo</label>
                                    <input id="inputContent2" type="hidden" name="content"
                                        value="{{ old('content', $paginas->content) }}">
                                    <trix-editor input="inputContent2"></trix-editor>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary">Atualizar registro</button>
                        <a href="{{ route('menus.index') }}" class="btn btn-secondary">Cancelar</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection