@extends('layouts.app')

@section('content')
    <style>
        b{
            color: #595959;
        }
    </style>
    @if ($errors->any())
        <div class="alert alert-danger mt-4">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <h3 class="text-center mt-2" style="color: #595959;">Contrato de Consultas e Exames (UPAE's):</h3>
                    <form action="{{ route('contratoConsultasMed', 2) }}" method="post">
                        @csrf
                        <div class="row m-3">
                            <div class="col-3"><label for="nome_contrato"><b>Nome do Contrato:</b></label></div>
                            <div class="col"><input type="text" class="form form-control form-control-sm" name="nome_contrato" id="nome_contrato" required value="{{ old('nome_contrato') }}"></div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="unidades"><b>Unidades:</b></label>
                            </div>
                            <div class="col">
                                <select name="unidade_id" id="unidade_id" class="form form-select form-control form-control-sm" required>
                                    <option value=""></option>
                                </select>
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="nome_empresa"><b>Nome da Empresa:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" name="nome_empresa" id="nome_empresa" class="form form-control form-control-sm" required value="{{ old('nome_empresa') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="cnpj_empresa"><b>CNPJ da Empresa:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" name="cnpj_empresa" id="cnpj_empresa" class="form form-control form-control-sm" required value="{{ old('cnpj_empresa') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="endereco_empresa"><b>Endereço da Empresa:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" name="endereco_empresa" id="endereco_empresa" class="form form-control form-control-sm" required value="{{ old('endereco_empresa') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="especialidade_medica"><b>Especialidade Médica</b></label>
                            </div>
                            <div class="col">
                                <textarea name="especialidade_medica" id="especialidade_medica" class="form form-control form-control-sm" required>{{ old('especialidade_medica') }}</textarea>
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="numero_consultas"><b>Número de Consultas Mensais (Por Extenso):</b></label>
                            </div>
                            <div class="col">
                                <textarea name="numero_consultas" id="numero_consultas" class="form form-control form-control-sm" required>{{ old('numero_consultas') }}</textarea>
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="numero_exames"><b>Número de Exames Mensais (Por Extenso):</b></label>
                            </div>
                            <div class="col">
                                <textarea name="numero_exames" id="numero_exames" class="form form-control form-control-sm" required>{{ old('numero_exames') }}</textarea>
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="nome_exame"><b>Nome do Exame:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" class="form form-control form-control-sm" name="nome_exame" id="nome_exame" required value="{{ old('nome_exame') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="valor_unitario_consulta"><b>Valor Unitário da Consulta:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" class="form form-control form-control-sm" name="valor_unitario_consulta" id="valor_unitario_consulta" required value="{{ old('valor_unitario_consulta') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="valor_unitario_exame"><b>Valor Unitário de Exame:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" class="form form-control form-control-sm" name="valor_unitario_exame" id="valor_unitario_exame" required value="{{ old('valor_unitario_exame') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="data_inicio_contrato"><b>Data Início do Contrato:</b></label>
                            </div>
                            <div class="col">
                                <input type="date" name="data_inicio_contrato" id="data_inicio_contrato" class="form form-control form-control-sm" required value="{{ old('data_inicio_contrato') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="data_fim_contrato"><b>Data Fim do Contrato:</b></label>
                            </div>
                            <div class="col">
                                <input type="date" name="data_fim_contrato" id="data_fim_contrato" class="form form-control form-control-sm" required value="{{ old('data_fim_contrato') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="prazo_vigencia"><b>Prazo Vigência:</b></label>
                            </div>
                            <div class="col">
                                <input type="date" name="prazo_vigencia" id="prazo_vigencia" class="form form-control form-control-sm" required value="{{ old('prazo_vigencia') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="data_assinatura"><b>Data de Assinatura:</b></label>
                            </div>
                            <div class="col">
                                <input type="date" name="data_assinatura" id="data_assinatura" class="form form-control form-control-sm" required value="{{ old('data_assinatura') }}">
                            </div>
                        </div>
                        <div class="row m-3">
                            <div class="col-3">
                                <label for="email"><b>E-mail do Solicitante:</b></label>
                            </div>
                            <div class="col">
                                <input type="text" name="email" id="email" class="form form-control form-control-sm" required value="{{ old('email') }}">
                            </div>
                        </div>
                        <div class="d-flex mt-2 mb-3">
                            <div class="m-auto">
                                <a href="{{ route('homeContratosLayout', $unidade[0]->id) }}" class="btn btn-warning">Voltar <i class="bi bi-reply"></i></a>
                                <input type="submit" value="Gerar Contrato" class="btn btn-success">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        // Função para bloquear teclas e permitir apenas números
        function permitirApenasNumeros(event) {
            // Obtém o código da tecla pressionada
            const tecla = event.key;

            // Verifica se a tecla pressionada é um número
            if (!/^\d$/.test(tecla) && tecla !== "Backspace") {
                event.preventDefault(); // Bloqueia a tecla se não for um número
            }
        }

        // Seleciona o campo de input onde queremos aplicar o bloqueio
        const input = document.querySelector('#cnpjEmpresa');

        // Adiciona o evento 'keydown' ao input
        input.addEventListener('keydown', permitirApenasNumeros);

    </script>

    <script>
        const input2 = document.querySelector('#nomeDoc');

        input2.addEventListener('keydown', function(event) {
            if (event.key === ':' || event.key === '.') {
                event.preventDefault();
            }
        });
    </script>
@endsection