{% extends "Master/MenuTemplate.html.twig" %}

{% block messages %}
    <div class="bg-primary pt-5 pb-5">
        <div class="container">
            <div class="row">
                <div class="col">
                    {{ parent() }}
                </div>
            </div>
        </div>
        <br/>
        <br/>
        <br/>
    </div>
{% endblock %}

{% block body %}
    {{ parent() }}

    <!-- Macros Template Imports -->
    {% import 'Macro/Forms.html.twig' as forms %}
    {% set proyecto = fsc.empresa ? fsc.empresa.ciudad : '' %}


    <div class="container" style="margin-top: -100px;">
        <div class="card shadow mb-5">
            <div class="card-body">
                <h1 class="h3">
                    <i class="fas fa-copy" aria-hidden="true"></i> {{ trans('Copiar Proyecto') }}
                    <a href="{{ fsc.url() }}" class="btn btn-sm btn-outline-secondary"
                       title="{{ trans('refresh') }}">
                        <i class="fas fa-redo" aria-hidden="true"></i>
                    </a>
                </h1>
                <p>Selecciona los datos para el nuevo proyecto</p>
                <hr/>
                <form method="post" class="form" id="formWizard">
                    <input type="hidden" name="action" value="step1"/>
                    {{ formToken() }}
                    <div class="form-row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <div class="form-group" app-field-wrapper="name">
                                    <label for="name" class="control-label">Nombre del proyecto</label>
                                    <input type="text" id="name" name="name" class="form-control" value="" required>
                                </div>
                                <div class="form-group">
                                    <label for="clientid_copy_project">Cliente</label>
                                    <input list="list_clientes" id="clientid_copy_project" name="codcliente"
                                           class="form-control" value="" required>
                                    <datalist id="list_clientes">
                                        {% for cliente in fsc.codeModel.all('clientes', 'codcliente', 'nombre') %}
                                            <option value="{{ cliente.code }}">{{ cliente.description }}</option>
                                        {% endfor %}
                                    </datalist>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <p class="bold">Elementos a copiar del Proyecto</p>
                                <div class="checkbox checkbox-primary">
                                    <input type="checkbox" class="copy" name="copiarTarea" id="c_tasks" checked>
                                    <label for="c_tasks">Tareas</label>
                                </div>
				<div class="ml-4">
					<div class="checkbox checkbox-primary">
					    <input type="checkbox" class="copy" name="copiarSubTareas" id="copiarSubTareas" checked>
					    <label>Subtareas</label>
					</div>
					<div class="checkbox checkbox-primary">
						<input type="checkbox" class="copy" name="copiarOperarios" id="copiarOperarios" checked>
						<label for="copiarOperarios">Operarios</label>
					</div>
					<div class="checkbox checkbox-primary">
						<input type="checkbox" class="copy" name="copiarResponsable" id="copiarResponsable" checked>
						<label for="copiarResponsable">Responsable</label>
					</div>
				</div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <div class="copy-project-tasks-status-wrapper">
                                    <p class="bold">Estado de tareas</p>
                                    {% for fase in fsc.fases %}
                                        <div class="radio radio-primary">
                                            {% if fase.predeterminado %}
                                                <input type="radio" name="copy_project_task_status"
                                                       value="{{ fase.idfase }}"
                                                       id="cp_task_status_{{ fase.idfase }}" checked>
                                            {% else %}
                                                <input type="radio" name="copy_project_task_status"
                                                       value="{{ fase.idfase }}"
                                                       id="cp_task_status_{{ fase.idfase }}">
                                            {% endif %}
                                            <label for="cp_task_status_{{ fase.idfase }}">{{ fase.nombre }}</label>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="start_date" class="control-label">Fecha de inicio</label>
                                        <input type="date" id="start_date" name="start_date"
                                               class="form-control datepicker">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="deadline" class="control-label">Fecha de entrega</label>
                                        <input type="date" id="deadline" name="deadline" class="form-control datepicker"
                                               value="" autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn btn-primary" id="btnWizard">
                            {{ trans('copy') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <br/>
    </div>
{% endblock %}

{% block css %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('Dinamic/Assets/CSS/loading-bar.css') }}"/>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('node_modules/pace/pace.js') }}"></script>
    <script src="{{ asset('Dinamic/Assets/JS/Custom.js') }}"></script>
    <script>
        $(document).ready(function () {
            $("#formWizard").submit(function () {
                $("#btnWizard").prop('disabled', true);
                $("#btnWizard").html('<i class="fas fa-circle-notch fa-spin"></i>');
		});
	    // Obtén los elementos Tareas, Subtareas, Operarios y Responsable
	    var tareaCheckbox = document.getElementById('c_tasks');
	    var subtareasCheckbox = document.getElementById('copiarSubTareas');
	    var operariosCheckbox = document.getElementById('copiarOperarios');
	    var responsableCheckbox = document.getElementById('copiarResponsable');

	    // Agrega un evento de cambio a Subtareas
	    subtareasCheckbox.addEventListener('change', function() {
			    // Verifica si Subtareas está seleccionado y Tareas no lo está
			    if (subtareasCheckbox.checked && !tareaCheckbox.checked) {
			    tareaCheckbox.checked = true;
			    }
			    });

	    // Agrega un evento de cambio a Operarios
	    operariosCheckbox.addEventListener('change', function() {
			    // Verifica si Operarios está seleccionado y Tareas no lo está
			    if (operariosCheckbox.checked && !tareaCheckbox.checked) {
			    tareaCheckbox.checked = true;
			    }
			    });

	    // Agrega un evento de cambio a Responsable
	    responsableCheckbox.addEventListener('change', function() {
			    // Verifica si Responsable está seleccionado y Tareas no lo está
			    if (responsableCheckbox.checked && !tareaCheckbox.checked) {
			    tareaCheckbox.checked = true;
			    }
			    });

	    // Agrega un evento de cambio a Tareas
	    tareaCheckbox.addEventListener('change', function() {
			    // Verifica si Tareas se desmarca, luego desmarca las otras casillas
			    if (!tareaCheckbox.checked) {
			    subtareasCheckbox.checked = false;
			    operariosCheckbox.checked = false;
			    responsableCheckbox.checked = false;
			    }
			    });
        });

    </script>

{% endblock %}