@extends('layouts.app')

@section('content')
<div class="container">

    @include('common.errors')

    {!! Form::open(['route' => 'ofertasrurals.store', 'id' => "formCreate"]) !!}

        @include('ofertasrurals.fields')

    {!! Form::close() !!}
    @include('__partials.map')
    <script>
        $('#btnShowModal').on('click', function() {
            $("#miModal").modal('show');
        })
        $('#closeModalBtn').on('click', function() {
            $("#miModal").modal('hide');
        })
        $('#inputSend').on('click', function() {
            $("#miModal").modal('hide');
        })

        document.addEventListener('DOMContentLoaded', function () {
            var form = document.getElementById('formCreate'); // Reemplaza 'tu_formulario_id' con el ID de tu formulario

            form.addEventListener('submit', function (event) {
                var inputs = form.querySelectorAll('.form-control');
                var isEmpty = false;

                inputs.forEach(function (input) {
                    if (input.value.trim() === '') {
                        isEmpty = true;
                        input.classList.add('is-invalid'); // Agrega una clase de estilo para indicar campos vacíos
                    } else {
                        input.classList.remove('is-invalid');
                    }
                });

                if (isEmpty) {
                    event.preventDefault();
                    alert('Por favor, completa todos los campos antes de enviar el formulario.');
                }
            });
        });
        
    </script>
</div>
@endsection