@extends('metronic.base')
@section('title')
Compras DTE
@endsection
@section('content')


@include('sessions')
<h1>Compras desde json dte</h1>
<br>
<form method="POST" action="{{ route('compra.dtejson') }}" enctype="multipart/form-data" onsubmit="return validateForm()">
    @csrf
    <div class="mb-3">
      <label for="archivos" class="form-label">Seleccionar archivos JSON:</label>
      <input type="file" class="form-control" id="archivos" name="archivos[]" multiple required>
    </div>

    <button type="submit" class="btn btn-primary">Procesar archivos</button>
  </form>
  <script>
    function validateForm() {
        var files = document.getElementById('archivos').files;
        if (files.length > 20) {
            alert('Por favor selecciona como máximo 20 archivos.');
            return false;
        }
        return true;
    }
    </script>
@endsection