{% extends 'TareasWeb/baseTareas.html.twig' %}

{% block body_id 'indexTareas' %}

{% block title %}{{ 'menu.tituloTareas' | trans }}{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('build/TareasWeb/css/tareas.css') }}">
        <link rel="stylesheet" href="{{ asset('build/Sistema/css/datepicker.css') }}">
    {% endblock %}

{% block body %}
    {% if tecnico!='' %}
        <div class="row">
            {% set workSts = app.request.cookies.get('workSts')|json_decode %}

            <div class="col-12">
                <div class="form-group row rowTecnico">
                    <div class="input-group mb-3 col-12 col-sm-7 col-md-8">
                        <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-user-cog"></i>&nbsp; {{ 'formTareas.tecnico'|trans }}:
                                </span>
                        </div>
                        <input type="text" readonly="" class="form-control"
                               value="{{ tecnico[0].CODIGO }} - {{ tecnico[0].NOMBRE }}" title="">
                    </div>
                    <div class="input-group mb-3 col-12 col-sm-5 col-md-4">
                        <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-calendar-alt"></i>&nbsp; {{ 'formTareas.fecha'|trans }}:
                                </span>
                        </div>
                        <input type="text" readonly="" class="form-control"
                               value="{{ workSts.fechaTra }}" title="">
                    </div>
                </div>
            </div>

            <div class="col-12 col-xl-7" ng-controller="AvisosController">
                {% include 'TareasWeb/cards/avisosController.html.twig' %}
            </div>

            <div class="col-12 col-xl-5" ng-controller="TareasController" id="gridTareas">
                {% include 'TareasWeb/cards/tareasController.html.twig' %}
            </div>

            {% include 'TareasWeb/modal/cancelarFichada.html.twig' %}


            <input id="urlGetClientes" type="hidden"
                   value="{{ path('ficharTareas_getClientes') }}">
            <input id="urlGetTareas" type="hidden"
                   value="{{ path('ficharTareas_getTareasJS') }}">
            <input id="urlGetAvisos" type="hidden"
                   value="{{ path('ficharTareas_getAvisos') }}">
            <input id="urlGetActuaciones" type="hidden"
                   value="{{ path('ficharTareas_getActuaciones') }}">
            <input id="urlEntSal" type="hidden"
                   value="{{ path('ficharTareas_entradaSalida') }}">
            <input id="urlNewFichada" type="hidden"
                   value="{{ path('ficharTareas_newFichada') }}">
            <input id="urlChangeActuacion" type="hidden"
                   value="{{ path('ficharTareas_changeActuacion') }}">
            <input id="urlCancelar" type="hidden"
                   value="{{ path('ficharTareas_cancelarFichada') }}">
            <input id="urlFinalizar" type="hidden"
                   value="{{ path('ficharTareas_finalizarFichada') }}">


        </div>
    {% else %}
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-dismissible alert-danger">
                    <div>{{ 'indexTareas.usuarioSinTecnico'|trans }}</div>
                    <div>{{ 'indexTareas.usuarioSinTecnico2'|trans }}</div>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('build/Sistema/js/datepicker.js') }}"></script>
    <script src="{{ asset('build/TareasWeb/js/tareas.js') }}"></script>
    <script src="{{ asset('build/TareasWeb/js/tareasGrids.js') }}"></script>
{% endblock %}