@if($this->perfil == 'Admin' || $this->perfil == 'Cliente')

<x-modal modalId="modalTask" modalTitle="{{ $titulo }}" modalSize="modal-xl">
    <form wire:submit="{{ $id == 0 ? "store" : "update($id)" }}">
        <div class="row">
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="name">Asunto</label>
                <input wire:model.live='name' type="text" class="form-control @error('name') is-invalid @enderror" placeholder="Nombre">
                @error('name') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            @if($this->perfil == 'Admin')
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="client_id">Cliente</label>
                <select wire:model.live='client_id' class="form-control @error('client_id') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    @foreach($querySelectClient as $row)
                    <option value="{{$row->id}}">{{$row->full_name.' ('.$row->user->name.')'}}</option>
                    @endforeach
                </select>
                @error('client_id') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="user_id">Técnico</label>
                <select wire:model.live='user_id' class="form-control @error('user_id') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    @foreach($querySelectUserTecnicos as $row)
                    <option value="{{$row->id}}">{{$row->name}}</option>
                    @endforeach
                </select>
                @error('user_id') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            @endif
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="url_course">Curso URL</label>
                <input wire:model.live='url_course' type="text" class="form-control @error('url_course') is-invalid @enderror" placeholder="Curso URL">
                @error('url_course') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            {{-- <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="start_date">Fecha Inicio</label>
                <input wire:model.live='start_date' type="date" class="form-control" placeholder="Fecha Inicio">
                @error('start_date') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="end_date">Fecha Término</label>
                <input wire:model.live='end_date' type="date" class="form-control" placeholder="Fecha Término">
                @error('end_date') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div> --}}
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="difficulty_level">Nivel Dificultad</label>
                <select wire:model.live='difficulty_level' class="form-control @error('difficulty_level') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    <option value="High">Alta</option>
                    <option value="Medium">Media</option>
                    <option value="Low">Baja</option>
                </select>
                @error('difficulty_level') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 mt-3">
                <label for="priority">Prioridad</label>
                <select wire:model.live='priority' class="form-control @error('priority') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    <option value="High">Alta</option>
                    <option value="Medium">Media</option>
                    <option value="Low">Baja</option>
                </select>
                @error('priority') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3" wire:ignore>
                <label for="description">Descripción del Problema</label>
                <textarea id="summernote"></textarea>
            </div>
            <input type="hidden" id="contentInput" wire:model.live="description">
            @error('description') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
        </div>
        <hr>
        <button class="btn btn-outline-success float-right">
            {!! icons('save') !!}
            Guardar
        </button>
    </form>
</x-modal>

<x-modal modalId="modalDifficultyLevel" modalTitle="Nivel Dificultad" modalSize="modal-sm">
    <form wire:submit="updateDifficultyLevel({{$id}})">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3">
                <label for="difficulty_level">Nivel Dificultad</label>
                <select wire:model.live='difficulty_level' class="form-control @error('difficulty_level') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    <option value="High">Alta</option>
                    <option value="Medium">Media</option>
                    <option value="Low">Baja</option>
                </select>
                @error('difficulty_level') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
        </div>
        <hr>
        <button class="btn btn-outline-success float-right">
            {!! icons('save') !!}
            Guardar
        </button>
    </form>
</x-modal>

<x-modal modalId="modalPriority" modalTitle="Prioridad" modalSize="modal-sm">
    <form wire:submit="updatePriority({{$id}})">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3">
                <label for="priority">Prioridad</label>
                <select wire:model.live='priority' class="form-control @error('priority') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    <option value="High">Alta</option>
                    <option value="Medium">Media</option>
                    <option value="Low">Baja</option>
                </select>
                @error('priority') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
        </div>
        <hr>
        <button class="btn btn-outline-success float-right">
            {!! icons('save') !!}
            Guardar
        </button>
    </form>
</x-modal>

@endif

<x-modal modalId="modalTaskStatus" modalTitle="Estado Tarea" modalSize="modal-sm">
    <form wire:submit="updateTaskStatus({{$id}})">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3">
                <label for="task_status">Estado Tarea</label>
                <select wire:model.live='task_status' class="form-control @error('task_status') is-invalid @enderror">
                    <option value="">Selecciona</option>
                    <option value="Paused">Pausada</option>
                    <option value="Started">Iniciada</option>
                    <option value="Canceled">Cancelada</option>
                    <option value="Finished">Finalizada</option>
                </select>
                @error('task_status') <span class="text-danger w-100 mt-2">{{ $message }}</span> @enderror
            </div>
        </div>
        <hr>
        <button class="btn btn-outline-success float-right">
            {!! icons('save') !!}
            Guardar
        </button>
    </form>
</x-modal>

@include('livewire.task.scripts')