@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 - CV - 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">

                                        <!-- Conformidade da etiqueta -->
                                        <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>
                                        <!-- ./ Conformidade da etiqueta -->

                                        <!-- 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 <span style="color: red;">*</span></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 required>
                                                    <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 -->

                                        <!-- Tipo de válvula -->
                                        <div class="row mb-3">
                                            <div class="col-md-8 d-flex align-items-center">
                                                <label>Tipo de válvula <span style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="valve-type-control" name="valve-type"
                                                        required>
                                                    <label value="Controlo" for="valve-type-control">Controlo</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="valve-type-onoff" name="valve-type">
                                                    <label value="ON/OFF" for="valve-type-onoff">ON/OFF</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Tipo de válvula -->

                                        <!-- Control Radios -->
                                        <div id="control">
                                            <div class="row mb-3">
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <label>Tipo de posicionador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="positioner-type-eletropneumatic"
                                                            name="positioner-type" required>
                                                        <label value="Eletropneumático"
                                                            for="positioner-type-eletropneumatic">Eletropneumático</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="positioner-type-pneumatic"
                                                            name="positioner-type">
                                                        <label value="Pneumático"
                                                            for="positioner-type-pneumatic">Pneumático</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Control Radios -->

                                        <!-- ONOFF Radios -->
                                        <div id="onoff">
                                            <div class="row mb-3">
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <label>Indicador de posição <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="position-indicator-open"
                                                            name="position-indicator" required>
                                                        <label value="Aberto" for="position-indicator-open">Aberto</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="position-indicator-closed"
                                                            name="position-indicator">
                                                        <label value="Fechado"
                                                            for="position-indicator-closed">Fechado</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="position-indicator-both"
                                                            name="position-indicator">
                                                        <label value="Ambas" for="position-indicator-both">Ambas</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ ONOFF Radios -->

                                        <!-- Alimentação do posicionador -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Alimentação do posicionador</label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="positioner-powersupply" name="positioner-powersupply"
                                                    type="text" maxlength="50" class="form-control"
                                                    style="width: 100%;" placeholder="">
                                            </div>
                                        </div>
                                        <!-- ./ Alimentação do posicionador -->

                                        <!-- Sinal de entrada -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Sinal de entrada</label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="input-singal" name="input-singal" type="text"
                                                    maxlength="50" class="form-control" style="width: 100%;"
                                                    placeholder="">
                                            </div>
                                        </div>
                                        <!-- ./ Sinal de entrada -->

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


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

                                        <!-- Fabricante -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Fabricante</label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="manufacturer" name="manufacturer" type="text"
                                                    maxlength="50" class="form-control" style="width: 100%;"
                                                    placeholder="">
                                            </div>
                                        </div>
                                        <!-- ./ Fabricante -->

                                        <!-- Número de série -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Número de série</label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="serial-number" name="serial-number" type="text"
                                                    maxlength="50" class="form-control" style="width: 100%;"
                                                    placeholder="">
                                            </div>
                                        </div>
                                        <!-- ./ Número de série -->

                                        <!-- Modelo -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Modelo</label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="model" name="model" type="text" maxlength="50"
                                                    class="form-control" style="width: 100%;" placeholder="">
                                            </div>
                                        </div>
                                        <!-- ./ Modelo -->

                                        <!-- ANSI FCI 70-2-2006 -->
                                        <div class="row mb-3">
                                            <div class="col-md-8 d-flex align-items-center">
                                                <label>Pré-teste efetuado de acordo com o ANSI FCI 70-2-2006</label>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="ansi-fci-yes" name="ansi-fci">
                                                    <label value="Sim" for="ansi-fci-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="ansi-fci-no" name="ansi-fci">
                                                    <label value="Não" for="ansi-fci-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ ANSI FCI 70-2-2006 -->

                                        <!-- Resultado do teste de estanquicidade -->
                                        <div class="row mb-3">
                                            <div class="col-md-6 d-flex align-items-center">
                                                <label>Resultado do teste de estanquicidade <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="leak-test-result-approved"
                                                        name="leak-test-result" required>
                                                    <label value="Aprovado"
                                                        for="leak-test-result-approved">Aprovado</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="leak-test-result-failed"
                                                        name="leak-test-result">
                                                    <label value="Reprovado"
                                                        for="leak-test-result-failed">Reprovado</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Resultado do teste de estanquicidade -->

                                        <!-- Unidade do valor da fuga -->
                                        <div class="row mb-3">
                                            <div class="col-md-6 d-flex align-items-center">
                                                <label>Resultado do teste de estanquicidade <span
                                                        style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="leak-unit-bubble" name="leak-unit"
                                                        required>
                                                    <label value="Bolha" for="leak-unit-bubble">Bolha</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="leak-unit-lmin" name="leak-unit">
                                                    <label value="L/min" for="leak-unit-lmin">L/min</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Unidade do valor da fuga -->

                                        <!-- Valor da fuga -->
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label>Valor da fuga <span style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-6 d-flex align-items-center">
                                                <input id="leak-value" name="leak-value" type="number" step="0.01"
                                                    class="form-control" style="width: 100%;" placeholder="" required>
                                            </div>
                                        </div>
                                        <!-- ./ Valor da fuga -->

                                        <!-- Reparar válvula -->
                                        <div class="row mb-3">
                                            <div class="col-md-6 d-flex align-items-center">
                                                <label>Reparar válvula <span style="color: red;">*</span></label>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="icheck-primary d-inline mr-2">
                                                    <input type="radio" id="valve-repair-yes" name="valve-repair"
                                                        required>
                                                    <label value="Sim" for="valve-repair-yes">Sim</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="valve-repair-no" name="valve-repair">
                                                    <label value="Não" for="valve-repair-no">Não</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ./ Reparar válvula -->

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

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

                                    </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