@php
    $disabled = 'disabled';
    $readonly = 'readonly';
    if ($user->hasRole('CEO') || $user->hasRole('Lider Diseno') || $user->hasRole('Lider Tecnico')) {
        $disabled = '';
        $readonly = '';
    }
@endphp
<form method="POST" id="editForm" action="{{ route('tareas.actualizar', ['id' => $tarea->id]) }}">
    @csrf
    @method('PUT')
    <input type="hidden" name="id_proyecto" value="{{ $id_proyecto }}">
    <div class="mb-3">
        <label for="recipient-name" class="col-form-label">Estado</label>
        <select name="estado" id="selectEstado" data-dropdown-parent="#modalBoxEdit" class="form-select" data-control="select2" data-placeholder="Seleccione el estado" data-hide-search="true">
            <option value="Pendiente" {{'Pendiente' == $tarea->estado ? 'selected' : ''}}>Pendiente</option>
            <option value="En progreso" {{'En progreso' == $tarea->estado ? 'selected' : ''}}>En progreso</option>
            <option value="Cerrado" {{'Cerrado' == $tarea->estado ? 'selected' : ''}}>Cerrado</option>
        </select>
    </div>
    <div class="mb-3">
        <label for="recipient-name" class="col-form-label">Fase</label>
        <select name="id_fases" id="selectFaseEdit" data-dropdown-parent="#modalBoxEdit" class="form-select" data-control="select2" data-placeholder="Selecciones la fase" data-hide-search="true">
            <option value=""></option>
            @foreach ($fases as $fase)
                <option value="{{$fase?->fase?->id}}" {{$fase?->fase?->id == $tarea->id_fases ? 'selected' : ''}}>{{$fase?->fase?->nombre}}</option>
            @endforeach
        </select>
    </div>
    <div class="mb-3">
        <label for="recipient-name" class="col-form-label">Descripcion</label>
        <textarea class="form-control summernote" id="descripcion" name="descripcion">{{ $tarea->descripcion }}</textarea>
    </div>
    @if ($user->hasRole('Lider Tecnico') || $user->hasRole('Lider Diseno'))
        <div class="mb-3">
            <label for="responsable" class="form-label">Responsable</label>
            <select class="form-select" name="responsable" id="selectResponsableEdit" data-dropdown-parent="#modalBoxEdit" data-responsable>
                <option value=""></option>
                @foreach ($empleados as $empleado)
                    <!-- Asegúrate de que $empleado->usuario exista antes de acceder a su id -->
                    <option value="{{ optional($empleado->usuario)->id?? 0 }}" @if (optional($empleado->usuario)->id == $tarea->responsable) selected @endif>
                        {{ optional($empleado->usuario)->nombre?? '' }}
                    </option>
                @endforeach
                <option value="{{ optional($cliente->usuario)->id?? 0 }}" @if (optional($cliente->usuario)->id == $tarea->responsable) selected @endif>
                    {{ $cliente->nombre_empresa }}
                </option>
            </select>
        </div>
    
        <div class="mb-3">
            <label for="message-text" class="col-form-label">Fecha inicio</label>
            <input type="date" name="fecha_creacion" value="{{ $tarea->fecha_creacion }}" class="form-control">
        </div>
        <div class="mb-3">
            <label for="duracion" class="col-form-label">Duracion</label>
            <input type="text" name="duracion" value="{{ $tarea->duracion }}" class="form-control" {{$readonly}}>
        </div>
        <div class="mb-3">
            <label for="message-text" class="col-form-label">Fecha fin</label>
            <input type="date" name="fecha_fin" value="{{ $tarea->fecha_fin }}" class="form-control">
        </div>
    @endif
    
    @if ($user->hasRole('Usuario'))
        <div class="mb-3">
            <label for="message-text" class="col-form-label">Fecha inicio</label>
            <input type="date" name="fecha_creacion" value="{{ $tarea->fecha_creacion }}" class="form-control" {{$readonly}}>
        </div>
        <div class="mb-3">
            <label for="duracion" class="col-form-label">Duracion</label>
            <input type="text" name="duracion" value="{{ $tarea->duracion }}" class="form-control" {{$readonly}}>
        </div>
        <div class="mb-3">
            <label for="message-text" class="col-form-label">Fecha fin</label>
            <input type="date" name="fecha_fin" value="{{ $tarea->fecha_fin }}" class="form-control" {{$readonly}}>
        </div>
    @endif
    <div class="mb-3">
        <label for="duracion" class="col-form-label">Duracion ejecutada</label>
        <input placeholder="0" type="text" name="duracion_ejecutada" value="{{ $tarea->duracion_ejecutada ? $tarea->duracion_ejecutada : '' }}" class="form-control">
    </div>
    <div class="mb-3 row">
        <div class="col-lg-6 col-md-6">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="aplazarTarea">
                <label class="form-check-label" for="aplazarTarea">
                  Aplazar tarea
                </label>
              </div>
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="form-check">
                <input class="form-check-input" {{$disabled}} type="checkbox" {{$tarea->hito ? 'checked' : '' }} value="1" id="idHito">
                <label class="form-check-label" for="idHito">
                  Marcar como HITO
                </label>
              </div>
        </div>
    </div>
    <div class="mb-3 row">
        <div class="col-lg-4 col-md-4">
            <div class="form-check form-check-custom form-check-success form-check-solid" style="font-size: 1.5rem;">
                <input {{$disabled}} class="form-check-input" type="radio" name="valor_f" value="" {{$tarea->f1 ? 'checked' : '' }} id="idF1"/>
                <label class="text-dark form-check-label" for="idF1">
                    F1
                </label>
            </div>
        </div>
        <div class="col-lg-4 col-md-4">
            <div class="form-check form-check-custom form-check-danger form-check-solid" style="font-size: 1.5rem;">
                <input {{$disabled}} class="form-check-input" type="radio" name="valor_f" value="" {{$tarea->f2 ? 'checked' : '' }} id="idF2"  />
                <label class="text-dark form-check-label" for="idF2">
                    F2
                </label>
            </div>
        </div>
        <div class="col-lg-4 col-md-4">
            <div class="form-check form-check-custom form-check-warning form-check-solid" style="font-size: 1.5rem;">
                <input {{$disabled}} class="form-check-input" type="radio" name="valor_f" value="" {{$tarea->f3 ? 'checked' : '' }} id="idF3"/>
                <label class="text-dark form-check-label" for="idF3">
                    F3
                </label>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn-previos" data-bs-dismiss="modal">Cancelar</button>
        <button type="submit" class="btnNext">Guardar</button>
    </div>
</form>

@section('scripts')
  @parent
  <script src="{{ asset('js/tareas/task.js') }}"></script>
@endsection