@extends('layouts.admin')



@section('title', 'Nuevo Ingreso famesa')



@section('content_header')

    <h1>INGRESO VISITA FAMESA</h1>

@endsection



@section('content')

    @if ($errors->any())

        <div class="alert alert-danger">

            <ul class="mb-0">

                @foreach ($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif



    <form method="POST" action="{{ route('guardia.famesa.accesos_visitas.store') }}">

        @csrf



        <div class="row">

            <div class="col-md-4">

                <div class="form-group">

                    <input type="hidden" name="id_comercio" class="form-control" value="{{ $id_comercio }}" required>

                </div>



                <div class="form-group">

                    <input type="hidden" name="id_sucursal" class="form-control" value="{{ $id_sucursal }}" required>

                </div>



                <div class="form-group">

                    <input type="hidden" name="id_usuario" class="form-control" value="{{ $id_usuario }}" required>

                </div>



                <div class="form-group">

                    <label>FECHA INGRESO</label>

                    <input type="hidden" name="fecha_ingreso" class="form-control" value="{{ $fecha_ingreso }}">

                    <input type="date" name="fecha_ingreso" class="form-control" value="{{ $fecha_ingreso }}" disabled>

                </div>



                <div class="form-group">

                    <label>NOMBRE Y APELLIDO</label>

                    <input type="text" name="nombre" id="input-nombre" class="form-control" value="{{ old('nombre') }}">

                </div>



                <div class="form-group">

                    <label>RUT</label>

                    <input type="text" name="rut" class="form-control" value="{{ old('rut') }}">

                </div>



                <div class="form-group">

                    <label>Patente</label>

                    <input type="text" name="patente" class="form-control" value="{{ old('patente') }}">

                </div>



                <div class="form-group">

                    <label>EMPRESA</label>

                    <input type="text" name="empresa" class="form-control" value="{{ old('empresa') }}">

                </div>





                <div class="form-group">

                    <label>TIPO</label>

                    <input type="text" name="tipo" class="form-control" value="{{ old('tipo') }}">

                </div>



                <div class="form-group">

                    <input type="hidden" name="tipo_acceso" class="form-control" value="VISITA">

                </div>



                <div class="text-right mt-3">

                    <button class="btn btn-success"><i class="fas fa-save"></i> Guardar Ingreso</button>

                    <a href="{{ route('guardia.famesa.accesos_visitas.index') }}" class="btn btn-secondary">Cancelar</a>

                </div>

            </div>

        </div>



    </form>

@endsection



@section('js')

<script>

    let personaIndex = 1;



    document.addEventListener('click', function (e) {

        // Agregar persona

        if (e.target.closest('.btn-add-persona')) {

            const container = document.getElementById('personas-container');



            const item = document.createElement('div');

            item.className = 'row mb-2 persona-item';



            item.innerHTML = `

                <div class="col-md-10">

                    <input type="text" name="personas[${personaIndex}][nombre]" class="form-control" placeholder="Nombre completo" required>

                </div>

                <div class="col-md-10">

                    <input type="text" name="personas[${personaIndex}][rut]" class="form-control" placeholder="RUT" required>

                </div>

                <div class="col-md-2">

                    <button type="button" class="btn btn-danger btn-remove-persona">

                        <i class="fas fa-minus"></i>

                    </button>

                </div>

            `;

            container.appendChild(item);

            personaIndex++;

        }



        // Eliminar persona

        if (e.target.closest('.btn-remove-persona')) {

            const item = e.target.closest('.persona-item');

            if (item) item.remove();

        }

    });

</script>



<script>

    $(function() {

        $("#input-nombre").autocomplete({

            source: function(request, response) {

                $.ajax({

                    url: "{{ route('guardia.famesa.accesos.buscar_nombres') }}",

                    dataType: "json",

                    data: {

                        term: request.term

                    },

                    success: function(data) {

                        response(data);

                    }

                });

            },

            minLength: 2, // Empieza a sugerir desde 2 caracteres

        });

    });

    </script>

@endsection