@extends('layouts.main')

@section('content')
    <div class="tabs">
        <button class="tab-btn active" onclick="showMainTab(0)">Editar Registros</button>
        <button class="tab-btn" onclick="showMainTab(1)">Adicionar Novo Registro</button>
    </div>

    <div class="tab-content active" id="main-tab-0">
        <form action="{{ route('update.json') }}" method="POST">
            @csrf
            <input type="hidden" name="edit" value="1">
            <div id="entry-content">
                <p>Selecione uma entrada no lado direito para editar.</p>
            </div>
        </form>
    </div>

    <div class="tab-content" id="main-tab-1">
        <form action="{{ route('update.json') }}" method="POST">
            @csrf
            <input type="hidden" name="add" value="1">
            <label for="nova_referencia">Referência:</label>
            <input type="text" id="nova_referencia" name="nova_referencia" required>
            <label for="nova_especificacao">Especificação:</label>
            <textarea id="nova_especificacao" name="nova_especificacao" rows="5" required></textarea>
            <label for="nova_fecharComo">Fechar como:</label>
            <input type="text" id="nova_fecharComo" name="nova_fecharComo">
            <input type="submit" value="Adicionar Registro">
        </form>
    </div>

    <div class="entry-tabs">
        @foreach ($data as $key => $item)
            <button class="entry-tab-btn {{ $loop->first ? 'active' : '' }}"
                onclick="showEntryTab({{ $key }})">
                {{ $item['referencia'] }}
            </button>
        @endforeach
    </div>
@endsection