@extends('Templates.templateWorkstations')
@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="row justify-content-center align-items-center">
            <div class="col-10">

                <!-- Workstation card -->
                <div class="card card-info">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                            <h3 class="card-title mb-0">TE3 - PSV - Pré-teste</h3>
                            <span>Válvula XXXXX</span>
                        </div>
                    </div>
                    <form id="myForm">
                        <div class="card-body">
                            <div class="form-group"> <!-- Single form-group for all content -->

                                <div class="row">

                                    <!-- First card column -->
                                    <div class="col-md-6">

                                        <!-- Validar especificações técnicas -->
                                        <div class="row mb-3">
                                            <div class="icheck-primary">
                                                <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                    value="1" required>
                                                <label for="confirm-checkbox">Validar especificações técnicas <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                        </div>
                                        <!-- ./ Validar especificações técnicas -->

                                        <!-- Especificações técnicas -->
                                        <div class="row mb-3">
                                            <label>Especificações técnicas</label>
                                            <textarea name="technical-specs" class="form-control" rows="3" placeholder=""></textarea>
                                        </div>
                                        <!-- ./ Especificações técnicas -->

                                        <!-- Data de pré-teste -->
                                        <div class="row mb-3">
                                            <div class="col-md-3 d-flex align-items-center">
                                                <label>Data de pré-teste</label>
                                            </div>
                                            <div class="col-md-9 d-flex align-items-center">
                                                <div class="input-group date" id="reservationdate"
                                                    data-target-input="nearest">
                                                    <input type="text" name="pre-test-date"
                                                        class="form-control datetimepicker-input"
                                                        data-target="#reservationdate" data-inputmask-alias="datetime"
                                                        data-inputmask-inputformat="yyyy/mm/dd" data-mask>
                                                    <div class="input-group-append" data-target="#reservationdate"
                                                        data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Data de pré-teste -->

                                        <!-- API RP 576 -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>Pré-teste efetuado de acordo com o API RP 576</label>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="apirp576-yes" name="apirp576">
                                                    <label value="Sim" for="apirp576-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="apirp576-no" name="apirp576">
                                                    <label value="Não" for="apirp576-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ API RP 576 -->

                                        <!-- Pré-teste em bancada -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>Foi efetuado o pré-teste em bancada <span
                                                        style="color: red;">*</span></label></label>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="bench-pretest-yes" name="bench-pretest"
                                                        required>
                                                    <label value="Sim" for="bench-pretest-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="bench-pretest-no" name="bench-pretest">
                                                    <label value="Não" for="bench-pretest-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Pré-teste em bancada -->

                                        <!-- Conforme recebida da unidade -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>Conforme recebida da unidade</label>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="unit-received-yes" name="unit-received">
                                                    <label value="Sim" for="unit-received-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="unit-received-no" name="unit-received">
                                                    <label value="Não" for="unit-received-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Conforme recebida da unidade -->

                                        <!-- Após limpeza -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>Após limpeza</label>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="after-cleaning-yes" name="after-cleaning">
                                                    <label value="Sim" for="after-cleaning-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="after-cleaning-no" name="after-cleaning">
                                                    <label value="Não" for="after-cleaning-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Após limpeza -->

                                        <!-- Apresenta fuga -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>Apresenta fuga</label>
                                                <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                    data-toggle="tooltip"
                                                    title="Considera-se com fuga no teste de 'POP', em bancada ou na instalação, quando o início da passagem é inferior a 90% relativamente ao 'set pressure', (95% para válvulas pilotadas). Para testes de inspeção visual considera-se com fuga se houver evidência de danos excessivos ou cortes nas faces de vedação"></i>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="shows-leak-yes" name="shows-leak">
                                                    <label value="Sim" for="shows-leak-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="shows-leak-no" name="shows-leak">
                                                    <label value="Não" for="shows-leak-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Apresenta fuga -->

                                    </div>
                                    <!-- ./ First card column -->


                                    <!-- Second card column -->
                                    <div class="col-md-6">

                                        <!-- Pressão a que se inicia a passagem (bar) -->
                                        <div class="row mb-3">
                                            <div class="col-md-7">
                                                <label>Pressão a que se inicia a passagem (bar) <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-5 d-flex align-items-center">
                                                <input id="pressure-flow-begins" name="pressure-flow-begins"
                                                    type="number" step="0.01" class="form-control"
                                                    style="width: 100%;" placeholder="" required>
                                            </div>
                                        </div>
                                        <!-- ./ Pressão a que se inicia a passagem (bar) -->

                                        <!-- Pressão a que volta a fechar "assentar" (bar) -->
                                        <div class="row mb-3">
                                            <div class="col-md-7">
                                                <label>Pressão a que volta a fechar "assentar" (bar) <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-5 d-flex align-items-center">
                                                <input id="pressure-flow-stops" name="pressure-flow-stops" type="number"
                                                    step="0.01" class="form-control" style="width: 100%;"
                                                    placeholder="" required>
                                            </div>
                                        </div>
                                        <!-- ./ Pressão a que volta a fechar "assentar" (bar) -->

                                        <!-- Pressão de abertura POP (bar) -->
                                        <div class="row mb-3">
                                            <div class="col-md-7">
                                                <label>Pressão de abertura POP (bar) <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-5 d-flex align-items-center">
                                                <input id="pressure-flow-stops" name="pressure-flow-stops" type="number"
                                                    step="0.01" class="form-control" style="width: 100%;"
                                                    placeholder="" required>
                                            </div>
                                        </div>
                                        <!-- ./ Pressão de abertura POP (bar) -->

                                        <!-- A válvula está colada -->
                                        <div class="row mb-3">
                                            <div class="col-md-9 d-flex align-items-center">
                                                <label>A válvula está colada <span style="color: red;">*</span></label>
                                                <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                    data-toggle="tooltip"
                                                    title="Considera-se válvula colada quando se eleva a pressão até 30% da Pressão de Teste e não abre"></i>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="stuck-valve-yes" name="stuck-valve"
                                                        required>
                                                    <label value="Sim" for="stuck-valve-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="stuck-valve-no" name="stuck-valve">
                                                    <label value="Não" for="stuck-valve-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ A válvula está colada -->

                                        <!-- Indicar se a válvula volta a assentar durante o teste -->
                                        <div class="row mb-3">
                                            <div class="col-md-7 d-flex align-items-center">
                                                <label>Indicar se a válvula volta a assentar durante o teste <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-5">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="valve-reseats-yes" name="valve-reseats"
                                                        required>
                                                    <label value="Sim" for="valve-reseats-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="valve-reseats-no" name="valve-reseats">
                                                    <label value="Não" for="valve-reseats-no">Não</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="valve-reseats-na" name="valve-reseats">
                                                    <label value="NA" for="valve-reseats-na">Não aplicável</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Indicar se a válvula volta a assentar durante o teste -->

                                        <!-- Reparada -->
                                        <div class="row mb-3">
                                            <div class="col-md-8 d-flex align-items-center">
                                                <label>Reparada <span style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="repaired-new" name="repaired" required>
                                                    <label value="Nova" for="repaired-new">Nova</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="repaired-yes" name="repaired">
                                                    <label value="Sim" for="repaired-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="repaired-no" name="repaired">
                                                    <label value="Não" for="repaired-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Reparada -->

                                        <!-- Resultado do pré-teste -->
                                        <div class="row mb-3">
                                            <div class="col-md-8 d-flex align-items-center">
                                                <label>Resultado do pré-teste <span style="color: red;">*</span></label>
                                                <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                    data-toggle="tooltip"
                                                    title="Considera-se que passou o teste de 'POP', em bancada ou na instalação, quando a abertura se dá num intervalo de 30% relativamente ao 'set pressure'. Para testes de inspeção visual considera-se que passou se não houver evidências de mola danificada, corrosão excessiva e/ou gripagem das peças móveis (haste/guia/obturador)."></i>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="pre-test-result-passed"
                                                        name="pre-test-result" required>
                                                    <label value="Passou" for="pre-test-result-passed">Passou</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="pre-test-result-failed"
                                                        name="pre-test-result">
                                                    <label value="Chumbou" for="pre-test-result-failed">Chumbou</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Resultado do pré-teste -->

                                        <!-- Resumo -->
                                        <label>Resumo</label>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th style="width: 50%">Falha ao abrir</th>
                                                    <th style="width: 50%">Falha de estanquicidade (Fuga)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <!-- FTO -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="fto-lpv-fto" name="fto-lpv"
                                                                required>
                                                            <label value="FTO" for="fto-lpv-fto">Preso ou Falha a Abrir
                                                                (FTO) <span style="color: red;">*</span></label>
                                                        </div>
                                                        <!-- ./ FTO -->
                                                    </td>
                                                    <td>
                                                        <!-- LPV -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="fto-lpv-lpv" name="fto-lpv"
                                                                required>
                                                            <label value="FTO" for="fto-lpv-lpv">Fuga Superior à
                                                                Permitida (LPV) <span style="color: red;">**</span></label>
                                                        </div>
                                                        <!-- ./ LPV -->
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <!-- VPO -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="vpo-spo-vpo" name="vpo-spo"
                                                                required>
                                                            <label value="VPO" for="vpo-spo-vpo">Válvula Parcialmente
                                                                Aberta (VPO) <span style="color: red;">*</span></label>
                                                        </div>
                                                        <!-- ./ VPO -->
                                                    </td>
                                                    <td>
                                                        <!-- SPO -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="vpo-spo-spo" name="vpo-spo"
                                                                required>
                                                            <label value="SPO" for="vpo-spo-spo">Abre Antes da Pressão
                                                                de Teste (SPO) <span style="color: red;">**</span></label>
                                                        </div>
                                                        <!-- ./ SPO -->
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <!-- OASP -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="oasp-vso-oasp" name="oasp-vso"
                                                                required>
                                                            <label value="OASP" for="oasp-vso-oasp">Abre Acima da
                                                                Pressão de Teste (OASP) <span
                                                                    style="color: red;">*</span></label>
                                                        </div>
                                                        <!-- ./ OASP -->
                                                    </td>
                                                    <td>
                                                        <!-- VSO -->
                                                        <div class="icheck-primary d-inline mr-2">
                                                            <input type="radio" id="oasp-vso-vso" name="oasp-vso"
                                                                required>
                                                            <label value="VSO" for="oasp-vso-vso">Válvula Colada (VSO)
                                                                <span style="color: red;">**</span></label>
                                                        </div>
                                                        <!-- ./ VSO -->
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <!-- ./Resumo -->

                                    </div>
                                    <!-- ./ Second card column -->



                                </div>

                            </div> <!-- End of single form-group -->
                        </div>
                        <div class="card-footer d-flex justify-content-between">
                            <!-- Left-aligned button -->
                            <button type="button" class="btn btn-primary">Voltar</button>

                            <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                            <button type="button" class="btn btn-primary mx-auto">Devolver</button>

                            <!-- Right-aligned button -->
                            <button type="submit" class="btn btn-primary">Seguinte</button>
                        </div>
                    </form>
                </div>
                <!-- ./ Workstation card-->

            </div>
        </div>
    </section>
    <!-- /.content -->
@endsection