@extends('layouts.publicador.novo_padrao')

<!-- definir fuso horario -->


@section('content')

    @php
        //array com emails de usuarios evandroripka e deimon
        $emails = ['deimon@assembleia.pr.leg.br', 'rodrigo@assembleia.pr.leg.br'];
        //se email atual do usuario autenticado estiver no array de emails define a variavel showsensitive como true
        $showsensitive = in_array(Auth::user()->email, $emails);
    @endphp

    <div class="row">
        <div class="col-md-12">
            <h2>Editar Máquina</h2>
            <form action="{{ route('publicador.maquinas.update', $maquina->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="form-group">
                    <label for="matricula_nome">Matrícula-Nome</label>
                    <input type="text" name="matricula_nome" id="matricula_nome" class="form-control"
                        value="{{ $maquina->matricula_nome }}" required>
                </div>
                <div class="form-group">
                    <label for="categoria">Categoria</label>
                    <select name="categoria" id="categoria" class="form-control">
                        <option value="" selected disabled>-- Selecione a categoria --</option>
                        <option value="Antigos(geral)" {{ $maquina->categoria == 'Antigos(geral)' ? 'selected' : '' }}>
                            Antigos(geral)</option>
                        <option value="Novos(2023-Positivo)"
                            {{ $maquina->categoria == 'Novos(2023-Positivo)' ? 'selected' : '' }}>Novos(2023-Positivo)
                        </option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="mac">MAC</label>
                    <input type="text" name="mac" id="mac" class="form-control" value="{{ $maquina->mac }}"
                        required>
                </div>
                <div class="form-group">
                    <label for="">IP</label>
                    <input type="text" class="form-control" name="ip" id="ip"
                        placeholder="digite o ip wagner..." value="{{ $maquina->ip != null ? $maquina->ip : '' }}">
                </div>
                <div class="form-group">
                    <label for="patrimonio">Patrimônio</label>
                    <input type="text" name="patrimonio" id="patrimonio" class="form-control"
                        value="{{ $maquina->patrimonio }}" required>
                </div>

                <div class="form-group">
                    <label for="local_de_uso">Local de Uso</label>
                    <input type="text" name="local_de_uso" id="local_de_uso" class="form-control"
                        value="{{ $maquina->local_de_uso }}" required>
                </div>
                <div class="form-group">
                    <label for="nome_do_usuario">Nome do Usuário</label>
                    <input type="text" name="nome_do_usuario" id="nome_do_usuario" class="form-control"
                        value="{{ $maquina->nome_do_usuario }}">
                </div>
                @if ($showsensitive)
                    <div class="form-check">
                        <input type="checkbox" name="confirmacao_manutencao" id="confirmacao_manutencao"
                            class="form-check-input" {{ $maquina->confirmacao_manutencao ? 'checked' : '' }}>
                        <label for="confirmacao_manutencao" class="form-check-label">Confirmação de Manutenção</label>
                    </div>

                    @if ($maquina->data_hora_confirmacao != null && $maquina->confirmacao_manutencao == true)
                        <div class="form-group" id="confirmacaodiv">
                            <label for="data_hora_confirmacao">Data e Hora da Confirmação</label>
                            <input type="datetime-local" name="data_hora_confirmacao" id="data_hora_confirmacao"
                                class="form-control" value="{{ $maquina->data_hora_confirmacao }}" disabled>
                        </div>
                    @else
                        <div class="form-group" id="confirmacaodiv" style="display: none">
                            <label for="data_hora_confirmacao">Data e Hora da Confirmação</label>
                            <input type="datetime-local" name="data_hora_confirmacao" id="data_hora_confirmacao"
                                class="form-control" value="">
                        </div>
                    @endif
                @endif
                @if (!$showsensitive)
                    <div class="form-check incompleto" style="padding-bottom: 8px">
                        <input type="checkbox" id="incompletofake" class="form-check-input"
                            {{ $maquina->incompleto ? 'checked' : '' }} onChange="updaterealcheack(this)">

                        <label for="incompletofake" class="form-check-label"
                            style="padding-left: 5px;margin-bottom:-4px;">Informações incompletas?</label>
                    </div>
                    <style>
                        input#incompleto {
                            width: 20px;
                            height: 20px;
                        }
                    </style>
                @endif
                <input type="checkbox" name="incompleto" id="incompleto" class="form-check-input"
                    {{ $maquina->incompleto ? 'checked' : '' }} style="display:none">
                <script>
                    //função para reconhecer o valor do chaveamento do checkbox e setar o valor do campo data_hora_confirmacao, caso marcado seta com a data e hora do momento que foi habilitado, se não seta como nulo
                    function setarcheckbox() {

                        if (document.getElementById('confirmacao_manutencao').checked) {
                            //seta timezone para o fuso horario de brasilia
                            var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                            // Pega a data e hora do momento que foi marcado o checkbox
                            var data_hora = new Date();

                            // Formata a data e hora para o formato do input datetime-local, exemplo: 2023-04-18T11:38
                            var data_hora_formatada = data_hora.toLocaleString('pt-BR', {
                                timeZone: timezone,
                                year: 'numeric',
                                month: '2-digit',
                                day: '2-digit',
                                hour: '2-digit',
                                minute: '2-digit',
                                hour12: false
                            }).replace(/(\d{2})\/(\d{2})\/(\d{4})/, '$3-$2-$1').replace(/ /g, 'T').replace(',', '');

                            //remove a virgula
                            //data_hora_formatada = data_hora_formatada.replace(',', '');

                            console.log(data_hora_formatada);
                            // Seta o valor do campo data_hora_confirmacao com a data e hora formatada
                            document.getElementById('data_hora_confirmacao').value = data_hora_formatada;


                            console.log(data_hora_formatada);
                            // Seta o valor do campo data_hora_confirmacao com a data e hora formatada
                            document.getElementById('data_hora_confirmacao').value = data_hora_formatada;



                            document.getElementById('confirmacaodiv').style.display = 'block';
                        } else {
                            document.getElementById('data_hora_confirmacao').value = '';
                            document.getElementById('confirmacaodiv').style.display = 'none';
                        }
                    }
                    //evento para reconhecer o clique no checkbox e chamar a função setarcheckbox
                    document.getElementById('confirmacao_manutencao').addEventListener('click', setarcheckbox);

                    function updaterealcheack(element) {
                        var realCheckbox = document.getElementById('incompleto');
                        realCheckbox.checked = element.checked;
                    }


                    $(document).ready(function() {
                        $('#mac').mask('FF:FF:FF:FF:FF:FF', {
                            translation: {
                                'F': {
                                    pattern: /[A-Fa-f0-9]/
                                }
                            }
                        });
                    });
                </script>
                <div class="form-group">
                    <label for="observacao">Observação</label>
                    <textarea name="observacao" id="observacao" class="form-control" rows="3">{{ $maquina->observacao }}</textarea>
                </div>
                <button type="submit" class="btn btn-primary">Salvar Alterações</button>
                <a href="{{ route('publicador.maquinas.index') }}" class="btn btn-secondary">Cancelar</a>
            </form>
        </div>
    </div>
@endsection