@extends('admin.master')

@section('content')
    @if (session('success'))
        <div class="alert alert-success" role="alert">
            {!! session('success') !!}
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger" role="alert">
            {!! session('error') !!}
        </div>
    @endif
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Estrutura do Ato: {{ $law->full_number }}</h5>
            <div>
                <a href="{{ route('laws.show', $law->id) }}" class="btn btn-secondary btn-sm">
                    <i class="bi bi-arrow-left"></i> Voltar
                </a>
            </div>
        </div>
        <div class="card-body">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="form-tab" data-bs-toggle="tab" data-bs-target="#form-pane"
                        type="button" role="tab" aria-controls="form-pane" aria-selected="true">
                        <i class="bi bi-pencil-square"></i> Editar Estrutura
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="tree-tab" data-bs-toggle="tab" data-bs-target="#tree-pane" type="button"
                        role="tab" aria-controls="tree-pane" aria-selected="false">
                        <i class="bi bi-diagram-3"></i> Visualizar e Organizar
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="form-pane" role="tabpanel" aria-labelledby="form-tab"
                    tabindex="0">
                    <div class="p-3">
                        @include('laws.partials.form-add-structure')
                    </div>
                </div>
                <div class="tab-pane fade" id="tree-pane" role="tabpanel" aria-labelledby="tree-tab" tabindex="0">
                    <div class="p-3">
                        @include('laws.partials.structure-tree', [
                            'structures' => $structures,
                            'law' => $law,
                        ])
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    @include('laws.partials.scripts.sortable')
    @include('laws.partials.scripts.AbaArvore')
    @include('laws.partials.scripts.modal')
    @include('laws.partials.scripts.ContentEditor')
@endpush