@extends('adminlte::page')

@section('title', 'INMUEBLES')

@section('content_header')
<style>
    .btn-container {
        display: flex;
        gap: 10px; /* Espacio entre los botones */
    }
    .btn-container form {
        margin: 0; /* Elimina el margen del formulario */
    }
</style>
@stop

@section('content')
<x-adminlte-card title="REGISTRO DE INMUEBLES" class="m-2" theme="dark" icon="fas fa-id-card">
    <div class="col-12">                                         
        <div class="row">
            <div class="col-12">
                <div class="card-body">
                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="col-sm-12">
                            <table id="tabla_inmuebles" class="table table-hover align-middle dataTable dtr-inline collapsed" aria-describedby="example1_info">
                                <thead class="text-center px-2 py-2 text-nowrap bg-gray">
                                    <tr>
                                        <th>N°</th>
                                        <th>TIPO INMUEBLE</th>
                                        <th>DESCRIPCIÓN</th>
                                        <th>DEPARTAMENTO</th>
                                        <th>PROVINCIA</th>
                                        <th>DISTRITO</th>
                                        <th>NUMERO PARTIDA REGISTRAL</th>
                                        <th>NOMBRE OFICINA REGISTRAL</th>
                                        <th>CODIGO UNICO</th>
                                        <th>DIRECCIÓN</th>
                                        <th>MANZANA</th>
                                        <th>LOTE</th>
                                        <th>SUPERFICIE</th>
                                        <th>ACCIONES</th>
                                        <th>VALOR TERRENO</th>
                                        <th>VALOR CONSTRUCCIÓN</th>
                                        <th>DEPRECIACIÓN ACUMULADA</th>
                                        <th>VALOR NETO CONTRUCCIÓN</th>
                                        <th>VALOR OBRAS</th>
                                        <th>VALOR BRUTO</th>
                                        <th>VALOR NETO FINAL</th>
                                    </tr>
                                </thead>
                                @empty($inmuebles)
                                    <tr>
                                        <td colspan="10" class="text-center">No hay inmuebles registrados</td>
                                    </tr>
                                @else
                                <tbody>
                                    @php
                                        $contador = 1;
                                    @endphp
                                    @foreach ($inmuebles as $inmueble)
                                        <tr>
                                            <td>{{ $contador }}</td>
                                            <td>{{ $inmueble->tipo_inmueble }}</td>
                                            <td>{{ $inmueble->descripcion_inmueble }}</td>
                                            <td>{{ $inmueble->departamento }}</td>
                                            <td>{{ $inmueble->provincia }}</td>
                                            <td>{{ $inmueble->distrito }}</td>
                                            <td>{{ $inmueble->numero_partida_registral }}</td>
                                            <td>{{ $inmueble->nombre_oficina_registral }}</td>
                                            <td>{{ $inmueble->codigo_unico }}</td>
                                            <td>{{ $inmueble->direccion }}</td>
                                            <td>{{ $inmueble->manzana }}</td>
                                            <td>{{ $inmueble->lote }}</td>
                                            <td>{{ $inmueble->superficie }}</td>
                                            <td class="btn-container">
                                                <button class="btn btn-warning btnEdit" name="btnEdit" id="btnEdit" data-id="{{ $inmueble->id }}" data-toggle="modal" data-target="#inmuebleEdit">
                                                    <i class="fas fa-edit"></i>
                                                </button>

                                                <form action="{{ url('inmuebles/destroy',$inmueble->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </td>
                                            <td>{{ $inmueble->valor_terreno }}</td>
                                            <td>{{ $inmueble->valor_construccion }}</td>
                                            <td>{{ $inmueble->depreciacion_acumulada }}</td>
                                            <td>{{ $inmueble->valor_neto_construccion }}</td>
                                            <td>{{ $inmueble->valor_obras }}</td>
                                            <td>{{ $inmueble->valor_bruto }}</td>
                                            <td>{{ $inmueble->valor_neto_final }}</td>
                                        </tr>
                                        @php
                                            $contador++;
                                        @endphp
                                    @endforeach
                                </tbody>
                                @endempty
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-adminlte-card>
@include('inmuebles.modalEdit')
@include('inmuebles.modalCreate')

@stop

@section('css')
@stop

@section('js')

<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->

<script>

$(document).ready(function() {
    $(document).on('click','.btnEdit',function(){
        var inmuebleId = $(this).data('id');
        var url = 'inmuebles/update'+inmuebleId;

        // Hacer una solicitud AJAX para obtener los datos del vehículo
        $.ajax({
            url: 'inmuebles/edit/'+inmuebleId,
            method: 'GET',
            success: function(response) {
                console.log(url);
                console.log(inmuebleId);
                
                // Actualizar el formulario del modal con los datos recibidos
                $('#formEdit').attr('action', url);
                $('#formEdit').find('input[name="_method"]').val('POST'); // Asegúrate de que el método sea PUT

                $('#tipoInmuebleEdit').val(response['tipo_inmueble']);
                $('#descripcionInmuebleEdit').val(response['descripcion_inmueble']);
                $('#departamentoEdit').val(response['departamento']);
                $('#provinciaEdit').val(response['provincia']);
                $('#distritoEdit').val(response['distrito']);
                $('#numPartidaRegistralEdit').val(response['numero_partida_registral']);
                $('#nomOficinaRegistralEdit').val(response['nombre_oficina_registral']);
                $('#condigoUnicoEdit').val(response['codigo_unico']);
                $('#direccionEdit').val(response['direccion']);
                $('#manzanaEdit').val(response['manzana']);
                $('#loteEdit').val(response['lote']);
                $('#superficieEdit').val(response['superficie']);
                $('#valorTerrenoEdit').val(response['valor_terreno']);
                $('#valorConstruccionEdit').val(response['valor_construccion']);
                $('#descripcionAcumuladaEdit').val(response['depreciacion_acumulada']);
                $('#valNetoConstruccionEdit').val(response['valor_neto_construccion']);
                $('#valObrasEdit').val(response['valor_obras']);
                $('#valBrutoEdit').val(response['valor_bruto']);
                $('#valNetoFinalEdit').val(response['valor_neto_final']);
                // Actualiza otros campos según los datos recibidos
            }
        });
    });
});

</script>

@if(session('error') == 'validator')
    <script>
        Swal.fire(
        'Error!',
        'Se requiere ingresar todos los datos',
        'error'
        );

        $('#vehiculoAdd').modal('show');
    </script>
@endif

@if(session('edit') == 'modificar')
    <script>
        Swal.fire(
        'Error!',
        'Se requiere ingresar todos los datos',
        'error'
        );

        $('#vehiculoEdit').modal('show');
    </script>
@endif

@stop