@extends('metronic.base')
@section('extracss')
    <style>
        .td_acciones{
            width: fit-content;
        }
        .tabla_catalogo tbody tr td{
            text-transform: uppercase !important;
        }
    </style>
@endsection
@section('extrajs')
    <script>
        function onAddChild(cuenta_id,codigo) {
            document.querySelector('#add_child_parent_id').value = cuenta_id;
            document.querySelector('#codigoParent').value = codigo;
        }
        function unTipoChange(select) {
            if(select.selectedOptions[0].value=="detalle"){
                document.getElementById('form_naturaleza').classList.remove('d-none');
            }
            else{
                if(!document.getElementById('form_naturaleza').classList.contains('d-none'))
                    document.getElementById('form_naturaleza').classList.add('d-none');

            }
        }
        function onEditAccount(account) {
            let modal = document.querySelector('#editAccountModal');
            let tr =account.parentElement.parentElement;

            modal.querySelector("input[name='CuentaID']").value =  tr.getAttribute('data-CuentaID');
            modal.querySelector("input[name='CuentaID']").value =  tr.getAttribute('data-CuentaID');
            modal.querySelector("input[name='nombre']").value =  tr.getAttribute('data-NombreCuenta');
            modal.querySelector("input[name='isBalance']").checked =  tr.getAttribute('data-esBalance')=="1";
          //  modal.querySelector("input[name='iva']").value = tr.getAttribute('data-iva')=="0";
          $('#iva > option[value="'+tr.getAttribute('data-iva')+'"]').attr('selected', 'selected');

        }
        function onDisableAccountAttempt(account){
            let modal = document.querySelector('#disableAccountModal');
            let tr =account.parentElement.parentElement;
            modal.querySelector('#toDisableInfo').innerText =
            `Se Inhabilitara la cuenta ${tr.getAttribute('data-CodigoCuenta')} -- ${tr.getAttribute('data-NombreCuenta')}`;
            modal.querySelector("input[name='CuentaID']").value =  tr.getAttribute('data-CuentaID');

        }
    </script>
@endsection
@section('content')
@include('contabilidad.modals.agregarClaseModal')
@include('contabilidad.modals.agregarHijoModal')
@include('contabilidad.modals.editarCuentaModal')
@include('contabilidad.modals.inhabilitarCuentaModal')
    <h2>Maestro de cuentas</h2>

   <a href="{{ route('CatalogoDeCuentas.subirExcel') }}" class="btn btn-success mb-4"><i class="fa-regular fa-file-excel fs-2"></i> Subir catalogo via Excel</a>
   <br>


    @include('sessions')
    <div class="d-flex w-100">
        <div class="cuentas_ui w-100">
            <button type="button" class="btn btn-primary mb-4" data-bs-toggle="modal" data-bs-target="#addClassModal"><i class="ki-outline ki-plus fs-2"></i> Añadir Clase</button>
            <table class="w-100 table table-striped tabla_catalogo InitializeDataTable" id="tabla_catalogo">
                <thead class="bg-primary text-light">
                    <tr>
                        <th class="p-2">Cuenta</th>
                        <th class="p-2">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($cuentas as $cuenta)
                    <tr data-CuentaID="{{$cuenta->id}}"
                        data-CodigoCuenta = "{{$cuenta->codigo}}"
                        data-NombreCuenta="{{$cuenta->nombre_cuenta}}"
                        data-esBalance="{{$cuenta->esBalance}}"
                        data-esResultado="{{$cuenta->esResultado}}"
                        @php
                            $iva = $cuenta->iva==1? "si":"no";
                        @endphp
                        data-iva="{{$cuenta->iva}}">
                        <td style="padding-left: calc(2rem * {{$cuenta->nivel}});"><strong>{{$cuenta->codigo}}</strong> &nbsp;&nbsp;&nbsp;&nbsp;
                            @if ($cuenta->clasificacion=="detalle")
                            {{$cuenta->nombre_cuenta}}
                            @else
                            <strong> {{$cuenta->nombre_cuenta}}</strong>
                            @endif

                        </td>
                        <td class="td_acciones">
                            <button
                                @if ($cuenta->clasificacion=="detalle")
                                    class="btn btn-primary"
                                    disabled
                                @else
                                    class="btn btn-primary"
                                @endif
                             title="Añadir hijo" data-bs-toggle="modal" data-bs-target="#addHijoModal" onclick="onAddChild({{$cuenta->id}},{{$cuenta->codigo}});" >+</button>
                             <button class="btn"  data-bs-toggle="modal" data-bs-target="#editAccountModal"  onclick="onEditAccount(this)" title="Editar"><i class="ki-outline ki-pencil fs-2x text-dark"></i></button>
                             <button class="btn"
                             data-bs-toggle="modal" data-bs-target="#disableAccountModal"
                             onclick="onDisableAccountAttempt(this)" title="Anular"
                                @if($cuenta->has_hijos>0)
                                    disabled
                                @endif
                             ><i class="ki-outline ki-shield-cross fs-2x text-danger"></i></button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection