@extends('adminlte::page')

@section('title', 'PREDIOS')

@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 PREDIOS" 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_predios" 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>CUENTA CONTABLE</th>
                                        <th>CUS</th>
                                        <th>COD PJV</th>
                                        <th>CODIGO REGISTRAL</th>
                                        <th>MANZANA</th>
                                        <th>LOTE</th>
                                        <th>NUMERACIÓN</th>
                                        <th>ACCIONES</th>
                                        <th>TITULO</th>
                                        <th>FECHA TITULACIÓN</th>
                                        <th>VALOR TERRENO</th>
                                        <th>VALOR CONSTRUCCIÓN</th>
                                        <th>USO</th>
                                        <th>ADUAR</th>
                                        <th>ÁREA</th>
                                        <th>TITULAR</th>
                                        <th>ESTADO INSCRIPCIÓN</th>
                                        <th>RESOLUCIÓN</th>
                                        <th>SBN</th>
                                        <th>ARANCEL</th>
                                        <th>VALOR DE OTRAS INSTALACIONES</th>
                                        <th>ESTADO ACTUAL</th>
                                        <th>CONDICIÓN</th>
                                        <th>DEPRECIACION MONTO</th>
                                        <th>PORCENTAJE</th>
                                        <th>OBSERVACIONES</th>
                                        <th>ESTADO</th>
                                    </tr>
                                </thead>
                                @empty($predios)
                                    <tr>
                                        <td colspan="10" class="text-center">No hay predios registrados</td>
                                    </tr>
                                @else
                                <tbody>
                                    @php
                                        $contador = 1;
                                    @endphp
                                    @foreach ($predios as $predio)
                                        <tr>
                                            <td>{{ $contador }}</td>
                                            <td>{{ $predio->cuenta_contable }}</td>
                                            <td>{{ $predio->cus }}</td>
                                            <td>{{ $predio->codpjv }}</td>
                                            <td>{{ $predio->codigo_registral }}</td>
                                            <td>{{ $predio->manzana }}</td>
                                            <td>{{ $predio->lote }}</td>
                                            <td>{{ $predio->numeracion }}</td>
                                            <td class="btn-container">
                                                <button class="btn btn-warning btnEdit" name="btnEdit" title="EDITAR" id="btnEdit" data-id="{{ $predio->id }}" data-toggle="modal" data-target="#predioEdit">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                                <form action="{{ url('predios/destroy',$predio->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" title="ELIMINAR" class="btn btn-danger">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </td>
                                            <td>{{ $predio->titulo }}</td>
                                            <td>{{ $predio->fecha_titulacion }}</td>
                                            <td>{{ $predio->valor_terreno }}</td>
                                            <td>{{ $predio->valor_construccion }}</td>
                                            <td>{{ $predio->uso }}</td>
                                            <td>{{ $predio->aduar }}</td>
                                            <td>{{ $predio->area }}</td>
                                            <td>{{ $predio->titular }}</td>
                                            <td>{{ $predio->estado_inscripcion }}</td>
                                            <td>{{ $predio->resolucion }}</td>
                                            <td>{{ $predio->SBN }}</td>
                                            <td>{{ $predio->arancel }}</td>
                                            <td>{{ $predio->valor_otras_instalaciones }}</td>
                                            <td>{{ $predio->estado_actual }}</td>
                                            <td>{{ $predio->condicion }}</td>
                                            <td>{{ $predio->depreciacion_monto }}</td>
                                            <td>{{ $predio->depreciacion_porcentaje }}</td>
                                            <td>{{ $predio->observaciones }}</td>
                                            <td>{{ $predio->estado }}</td>
                                        </tr>

                                        @php
                                            $contador++;
                                        @endphp
                                    @endforeach
                                </tbody>
                                @endempty
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-adminlte-card>
@include('predios.modalEdit')
@include('predios.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 vehiculoId = $(this).data('id');
        var url = 'predios/update/'+vehiculoId ;

        // Hacer una solicitud AJAX para obtener los datos del vehículo
        $.ajax({
            url: 'predios/edit/'+vehiculoId,
            method: 'GET',
            success: function(response) {
                // 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

                if(response['checkManzanaLote'] == 'on'){
                    $('#checkManzanaLoteEdit').prop('checked', true);
                    $('.manzanaLote').show();
                    $('#manzana').val(response['manzana']);
                    $('#lote').val(response['lote']);
                    $('.numeracion').hide();
                    $('#numeracion').val("-");
                }else{
                    $('#checkManzanaLoteEdit').prop('checked', false);
                    $('.manzanaLote').hide();
                    $('#manzana').val("-");
                    $('#lote').val("-");
                    $('.numeracion').show();
                    $('#numeracion').val(response['numeracion']);
                }

                if(response['checkTitulado'] == 'on'){
                    $('#checkTituladoEdit').prop('checked', true);
                }else{
                    $('#checkTituladoEdit').prop('checked', false);
                }

                if(response['checkInscrito'] == 'on'){
                    $('#checkInscritoEdit').prop('checked', true);
                }else{
                    $('#checkInscritoEdit').prop('checked', false);
                }
                /* $('#checkManzanaLoteEdit').val(response['checkManzanaLote']);
                $('#checkTituladoEdit').val(response['checkTitulado']);
                $('#checkInscritoEdit').val(response['checkInscrito']); */
                $('#cuenta_contableEdit').val(response['cuenta_contable']);
                $('#cusEdit').val(response['cus']);
                $('#codpjvEdit').val(response['codpjv']);
                $('#codigo_registralEdit').val(response['codigo_registral']);
                $('#aduarEdit').val(response['aduar']);
                $('#manzanaEdit').val(response['manzana']);
                $('#loteEdit').val(response['lote']);
                $('#numeracionEdit').val(response['numeracion']);
                $('#fecha_titulacionEdit').val(response['fecha_titulacion']);
                $('#usoEdit').val(response['uso']);
                $('#areaEdit').val(response['area']);
                $('#titularEdit').val(response['titular']);
                $('#resolucionEdit').val(response['resolucion']);
                $('#SBNEdit').val(response['SBN']);
                $('#arancelEdit').val(response['arancel']);
                $('#valor_terrenoEdit').val(response['valor_terreno']);
                $('#valor_construccionEdit').val(response['valor_construccion']);
                $('#valor_otras_instalacionesEdit').val(response['valor_otras_instalaciones']);
                $('#estado_actualEdit').val(response['estado_actual']);
                $('#condicionEdit').val(response['condicion']);
                $('#depreciacion_montoEdit').val(response['depreciacion_monto']);
                $('#depreciacion_porcentajeEdit').val(response['depreciacion_porcentaje']);
                $('#observacionesEdit').val(response['observaciones']);
                // Actualiza otros campos según los datos recibidos
            }
        });
    });
});

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

            $.ajax({
                method: 'GET',
                success: function(response) {
                    $('#formEdit').attr('action', url);
                    $('#formEdit').attr('method', 'POST');
                    $('#placaEdit').val(response[0]['placa']);
                    $('#serieEdit').val(response[0]['serie']);
                    $('#motorEdit').val(response[0]['motor']);
                    $('#colorEdit').val(response[0]['color']);
                    $('#marcaEdit').val(response[0]['marca']);
                    $('#modeloEdit').val(response[0]['modelo']);
                    $('#fecha_adquisicionEdit').val(response[0]['fecha_adquisicion']);
                    $('#anio_vehiculoEdit').val(response[0]['anio_vehiculo']);
                    $('#denominacion_claseEdit').val(response[0]['clase_denominacion']);
                }
            });
        });
    });
 */

 $('#checkManzanaLote').change(function(){
    if($(this).is(':checked')){
        $('.manzanaLote').show();
        $('#manzana').val("");
        $('#lote').val("");
        $('.numeracion').hide();
        $('#numeracion').val("-");
    }else{
        $('.manzanaLote').hide();
        $('#manzana').val("-")
        $('#lote').val("-")
        $('.numeracion').show();
        $('#numeracion').val("");
    }
});

$('#checkManzanaLoteEdit').change(function(){
    if($(this).is(':checked')){
        $('.manzanaLote').show();
        $('#manzana').val("");
        $('#lote').val("");
        $('.numeracion').hide();
        $('#numeracion').val("-");
    }else{
        $('.manzanaLote').hide();
        $('#manzana').val("-")
        $('#lote').val("-")
        $('.numeracion').show();
        $('#numeracion').val("");
    }
});

</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