@extends('layouts.dashboard_layout')

@section('title', 'Editar proyecto')

@section('body-class', 'acta-reunion')

@section('content')
<div class="container-fluid p-3 table-acta">
    <label class="text-align mb-4">Proyecto - {{$proyecto->nombre}}</label>
    <form id="formEditarProyecto">
        <input type="hidden" value="{{$proyecto->id}}" name="id">
        <div class="row">
            <div class="col-md-6">
                <label for="nombre" class="form-label mb-3">Nombre del proyecto</label>
                <input type="text" class="form-control mb-4" name="nombre" placeholder="Nombre del proyecto" value="{{$proyecto->nombre}}">
            </div>
            <div class="col-md-6">
                <label for="cliente" class="form-label mb-3">Cliente</label>
                <input type="text" class="form-control mb-2" name="nombre_empresa"
                    value="{{ $proyecto->cliente->nombre_empresa }}" disabled>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label mt-md-0 mt-3">Fecha entrega</label>
                <input type="text" class="form-control" name="fecha_entrega" value="{{$proyecto?->fecha_entrega ?? ''}}" placeholder="Ingrese la fecha de entrega" id="fechaEntrega">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label mt-md-0 mt-3">Horas equipo K2</label>
                <input type="text" class="form-control" name="horas_k2" placeholder="Ingrese las horas" value="{{$proyecto?->horas_k2 ?? 0}}">
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label mt-md-0 mt-3">Horas equipo Cliente</label>
                <input type="text" class="form-control" name="horas_cliente" placeholder="Ingrese las horas" value="{{$proyecto?->horas_cliente ?? 0}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="responsables" class="form-label">Responsables</label>
                <select name="responsables" id="selectResponsables" class="form-select mb-3" multiple>
                </select>
            </div>
            <div class="col-md-6">
                <label for="estado" class="form-label mb-3">Estado</label>
                <select name="estado" class="form-select mb-3" required>
                    <option hidden value="">Seleccione el estado</option>
                    <option value="Activo" {{ $proyecto->estado === 'Activo' ? 'selected' : 'selected' }}>Activo</option>
                    <option value="Progreso" {{ $proyecto->estado === 'Progreso' ? 'selected' : '' }}>En progreso</option>
                    <option value="Cerrado" {{ $proyecto->estado === 'Cerrado' ? 'selected' : '' }}>Cerrado</option>
                </select>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-12 col-lg-12 mb-3">
                {{-- <select name="fases" id="selectFasesEdit" class="form-select Inputdate w-100" multiple required>
                </select> --}}
                <hr>
                <h1>Fases</h1>
                <hr>
                @if ($gantt != null)
                <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>
                @endif
            </div>
        </div>

        <div class="mb-3">
            <label for="descripcion" class="form-label">Descripción</label>
            <div class="summernote">{!! html_entity_decode($proyecto?->descripcion ?? '' , ENT_QUOTES, "UTF-8") !!}</div>
        </div>

        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
            <button class="btnNext" type="submit">Guardar</button>
        </div>
    </form>
</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.proyecto = {{$proyecto->id}};
        if ($gant != null) {
            window.id_gantt = {{ $gantt->id ?? 0 }};
        }
    </script>
    <script src="{{ mix('js/gantt/editar.js') }}"></script>
    <script src="{{ asset('js/proyecto/editar.js') }}"></script>
@endsection