{% extends '::base.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}

{%block dashboard %}
    <script>


    </script>

    <div class="col-lg-1"></div>
    <div class="col-lg-10">

        <div class="col-lg-3 col-md-3 col-sm-3 table-bordered">
            <label style="font-size: small">Wo</label><p class="lead" style="font-size: medium">NOCRefId</p>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 table-bordered">
            <label style="font-size: small">Ods</label><p class="lead" style="font-size: medium">PONumber</p>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 table-bordered">
            <label style="font-size: small">WoType</label><p class="lead" style="font-size: medium">WOType</p>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 table-bordered">
            <label style="font-size: small">Zone</label><p class="lead" style="font-size: medium">.ServiceArea2</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 table-bordered">
            <label style="font-size: small">Site</label><p class="lead" style="font-size: medium">Site</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 table-bordered">
            <label style="font-size: small">CreationDate</label><p class="lead" style="font-size: medium">CreationDate</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 table-bordered">
            <label style="font-size: small">FinishDate</label><p class="lead" style="font-size: medium">FinishDate</p>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 table-bordered">
            <label style="font-size: small">DecriptionLog</label><p class="lead" style="font-size: medium">DescriptionLog</p>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12"><p></p></div>
    </div>

    <div class="col-lg-12 col-md-12 col-sm-12"><p></p></div>

    <div class="col-lg-3 col-md-3 "></div>

    <div class="col-lg-6 col-md-6">

        <form action=" #" method="POST" id="upfile" enctype="multipart/form-data">
            <div class="col-lg-12 col-md-12 col-sm-12"><p></p></div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-md-offset-4">
                <a href="#"><button class="btn btn-link">Desacargar Informe a validar</button></a>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12"><p></p></div>
            <div class="col-lg-12 col-md-12 col-sm-12"></div>
            <div class="col-lg-5 col-md-5">
                <p class="hidden-lg hidden-md "><strong>Cargar Informe Validado</strong></p>
                <p class="text-right hidden-sm hidden-xs"><strong>Cargar Informe Validado</strong></p>
            </div>
            <div class="col-lg-7 col-md-7">
                <input type="file" style="font-size: 11px;" id="load" name="load">
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12"><p></p></div>
            <div class="col-lg-5 col-md-5  ">
                <p class="hidden-lg hidden-md "><strong>Accion</strong></p>
                <p class="text-right hidden-sm hidden-xs"><strong>Accion</strong></p>
            </div>
            <div class="col-lg-7 col-md-7 ">
                <select id="selectTypeActivity" name="selectTypeActivity" required>

                    <option></option>
                    <option>Ajuste de Informe y Cargue</option>
                    <option>Devolucion RMC soporte Fotrografico</option>
                    <option>Devolucion RMC soporte tecnico</option>
                    <option>Devolucion RMC Realizar trabajdo faltante</option>

                </select>
            </div>
            <div class="col-lg-5 col-md-5  ">
                <p class="hidden-lg hidden-md "><strong>Tipificacion</strong></p>
                <p class="text-right hidden-sm hidden-xs"><strong>Tipificacion</strong></p>
            </div>
            <div class="col-lg-7 col-md-7 ">
                <select id="selectTypeActivity" name="selectTypeActivity" required>

                    <option></option>
                    <option>Tipificacion Q/A</option>
                    <option>VALIDADO Q/A</option>
                    <option>CONTROL Q/A</option>
                    <option>JUSTIFICADO</option>

                </select>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12"></div>
            <div class="col-lg-1"></div>
            <div class="col-lg-11 col-md-11 col-sm-11">
                <p><strong>{{'Observacion' | trans}}</strong></p>
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-10 col-md-10 col-sm-10">
                <textarea id="note" name="note" required></textarea>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1">
                <button type="submit" class="btn btn-success">Cargar</button>
            </div>
        </form>
    </div>
    <div class="col-lg-12"><p></p></div>

{% endblock %}