@extends('layouts.dashboard_layout')

@section('title', 'Gantt - Editar')

@section('content')
    <div class="container-fluid p-3 table-acta">
        <h1>Descripcion General</h1>
        <hr>
        <div class="px-5">
            <form id="formEditarGanttGeneral">
                <input type="hidden" name="id" value="{{ $gantt->id }}">
                <label for="">Nombre</label>
                <input type="text" class="form-control" value="{{ $gantt->nombre }}" placeholder="nombre"
                    name="nombre">
                <label for="">Descripcion</label>
                <div class="summernote">{!! html_entity_decode($gantt?->descripcion ?? '', ENT_QUOTES, 'UTF-8') !!}</div>
                <div class="text-center mt-3">
                    <button type="submit" class="btnNext">Guardar</button>
                </div>
            </form>
        </div>
        <hr>
        <h1>Fases</h1>
        <hr>
        <div class="px-5">
            <div class="text-end mb-3">
                <a type="button" class="btnNext" data-bs-toggle="modal" data-bs-target="#modalCrearActividades">
                    Agregar
                </a>
            </div>
            <div class="mb-3 seccionActividades"></div>
        </div>
        <hr>
    </div>

    {{-- Modals --}}
    @component('dashboard.gantt.componerntes-editar.actividades.crear')
        @slot('gantt', $gantt)
    @endcomponent
    @component('dashboard.gantt.componerntes-editar.actividades.modals')
    @endcomponent
@endsection

@section('scripts')
    <script>
        window.id_gantt = {{ $gantt->id }};
    </script>
    <script src="{{ mix('js/gantt/editar.js') }}"></script>
@endsection