@extends('admin.master')

@section('content')
    <div class="card">
        <div class="card-header">
            <h5>Editar Ato Legislativo</h5>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('laws.update', $law->id) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="number" class="form-label">Número <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" id="number" name="number"
                            value="{{ old('number', $law->number) }}" required>
                    </div>

                    <div class="col-md-4">
                        <label for="year" class="form-label">Ano <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" id="year" name="year"
                            value="{{ old('year', $law->year) }}" required>
                    </div>

                    <div class="col-md-4">
                        <label for="law_type_id" class="form-label">Tipo do Ato <span class="text-danger">*</span></label>
                        <select class="form-select" id="law_type_id" name="law_type_id" required>
                            <option value="">Selecione...</option>
                            @foreach ($lawTypes as $type)
                                <option value="{{ $type->id }}"
                                    {{ old('law_type_id', $law->law_type_id) == $type->id ? 'selected' : '' }}>
                                    {{ $type->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="date_act" class="form-label">Data do Ato <span class="text-danger">*</span></label>
                        <input type="date" class="form-control" id="date_act" name="date_act"
                            value="{{ old('date_act', $law->date_act?->format('Y-m-d')) }}" required>
                    </div>

                    <div class="col-md-4">
                        <label for="date_publication" class="form-label">Data de Publicação <span
                                class="text-danger">*</span></label>
                        <input type="date" class="form-control" id="date_publication" name="date_publication"
                            value="{{ old('date_publication', $law->date_publication?->format('Y-m-d')) }}" required>
                    </div>

                    <div class="col-md-4">
                        <label for="local_date" class="form-label">Texto Publicado</label>
                        <input type="text" class="form-control" id="local_date" name="local_date" maxlength="255"
                            value="{{ old('local_date', $law->local_date) }}">
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="publication_form_id" class="form-label">Forma de Publicação <span
                                class="text-danger">*</span></label>
                        <select class="form-select" id="publication_form_id" name="publication_form_id" required>
                            <option value="">Selecione...</option>
                            @foreach ($publicationForms as $form)
                                <option value="{{ $form->id }}"
                                    {{ old('publication_form_id', $law->publication_form_id) == $form->id ? 'selected' : '' }}>
                                    {{ $form->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6">
                        <label for="parent_id" class="form-label">Ato Pai (opcional)</label>
                        <select class="select2 w-100 form-select" id="parent_id" name="parent_id">
                            <option value="">Nenhum</option>
                            @foreach ($parentLaws as $parent)
                                <option value="{{ $parent->id }}"
                                    {{ old('parent_id', $law->parent_id) == $parent->id ? 'selected' : '' }}>
                                    {{ $parent->full_number ?? 'Não informado' }} -
                                    {{ $parent->lawType->name ?? 'Não informado' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-12 mt-3" id="repealed_structures_container" style="display: none;">
                        <label for="repealed_structures" class="form-label">Estruturas que este Ato Revoga</label>
                        <select class="select2 form-select" id="repealed_structures" name="repealed_structures[]" multiple
                            style="width: 100%;">
                            <option value="">Selecione um Ato Pai primeiro</option>
                        </select>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="title" class="form-label">Ementa <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="title" name="title" rows="3">{{ old('title', $law->title) }}</textarea>
                    </div>
                    <div class="col-md-4">
                        <label for="menu" class="form-label">Preâmbulo <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="menu" name="menu" rows="3" required>{{ old('menu', $law->menu) }}</textarea>
                    </div>
                    <div class="col-md-4">
                        <label for="repealed" class="form-label">Revogado <span class="text-danger">*</span></label>
                        <select class="form-select" id="repealed" name="repealed">
                            <option value="">Selecione...</option>
                            <option value="1" {{ old('repealed', $law->repealed) == '1' ? 'selected' : '' }}>Sim
                            </option>
                            <option value="0" {{ old('repealed', $law->repealed) == '0' ? 'selected' : '' }}>Não
                            </option>
                        </select>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="law_archives" class="form-label">Arquivo Estrutura da Lei (novo upload)</label>
                    <input type="file" class="form-control" id="law_archives" name="law_archives"
                        accept=".pdf,.doc,.docx,.jpg,.jpeg,.png,.ppt,.pptx">
                    @if ($law->law_archives)
                        <small class="text-muted">Arquivo atual: <a href="{{ Storage::url($law->law_archives) }}"
                                target="_blank">Visualizar</a></small>
                    @endif
                </div>

                <div class="mb-3">
                    <label for="signature" class="form-label">Assinaturas <span class="text-danger">*</span></label>
                    <textarea class="form-control ckeditor" id="ckeditor" name="signature">{{ old('signature', $law->signature) }}</textarea>
                </div>

                <div class="form-check mb-3">
                    <input type="checkbox" class="form-check-input" id="published" name="published" value="1"
                        {{ old('published', $law->published) ? 'checked' : '' }} required>
                    <label class="form-check-label" for="published">Publicado <span class="text-danger">*</span></label>
                </div>

                <div class="form-check mb-3">
                    <input type="checkbox" class="form-check-input" id="featured" name="featured" value="1"
                        {{ old('featured', $law->featured) ? 'checked' : '' }}>
                    <label class="form-check-label" for="featured">Destaque</label>
                </div>

                <div class="d-flex justify-content-end">
                    <a href="{{ route('laws.index') }}" class="btn btn-secondary me-2">Cancelar</a>
                    <button type="submit" class="btn btn-primary">Atualizar Ato</button>
                </div>
            </form>
        </div>
    </div>

    @include('laws.partials.scripts.ajaxStrtuctures')

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            tinymce.init({
                selector: '#signature',
                height: 350,
                menubar: false,
                branding: false,
                plugins: [
                    'image', 'link', 'lists', 'table', 'autolink', 'paste', 'searchreplace',
                    'wordcount', 'emoticons',
                    'charmap', 'textalign'
                ],
                toolbar: 'undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image | numlist bullist | table | emoticons charmap | removeformat',
                paste_data_images: true,
                automatic_uploads: true,
                images_upload_handler: function(blobInfo, success, failure) {
                    success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64());
                },
                setup: function(editor) {
                    window.signatureEditor = editor;
                }
            });

            $(document).ready(function() {
                $('#parent_id').select2({
                    placeholder: "Nenhum",
                    allowClear: true,
                    width: '100%',
                });

                $('#repealed_structures').select2({
                    placeholder: "Selecione as estruturas",
                    width: '100%'
                });
            });

            const baseUrl = "{{ url('laws') }}/";

            function loadRepealedStructures(parentId, selectedIds = []) {
                if (!parentId) {
                    $('#repealed_structures_container').hide();
                    $('#repealed_structures').html('<option value="">Selecione um Ato Pai primeiro</option>')
                        .trigger('change');
                    return;
                }

                let url = baseUrl + parentId + '/structures';

                $.ajax({
                    url: url,
                    method: 'GET',
                    success: function(data) {
                        let options = '';
                        data.forEach(function(structure) {
                            options +=
                                `<option value="${structure.id}">${structure.name}</option>`;
                        });
                        $('#repealed_structures').html(options);
                        $('#repealed_structures').val(selectedIds).trigger('change');
                        $('#repealed_structures_container').show();
                    },
                    error: function() {
                        alert('Erro ao carregar as estruturas do ato pai.');
                    }
                });
            }

            let initialParentId = $('#parent_id').val();
            let selectedRepealedStructures = @json($repealedStructuresIds ?? []);
            loadRepealedStructures(initialParentId, selectedRepealedStructures);

            $('#parent_id').on('change', function() {
                let parentId = $(this).val();
                loadRepealedStructures(parentId, []);
            });
        });
    </script>
@endsection