@extends('layouts.app')

@section('title',"Plan de cuentas")

@section('content')
<div class="card">
	<div class="card-header header-elements-inline">
		<h5 class="card-title"><i class="icon-clipboard "></i> Plan de cuentas </h5>
		<div class="header-elements">
			<div class="list-icons">
        		<a class="list-icons-item" data-action="collapse"></a>
        		<a class="list-icons-item" data-action="reload"></a>
        		<a class="list-icons-item" data-action="remove"></a>
        	</div>
    	</div>
	</div>	
	<div class="card-body mt-2">
		<div class="row">
			<div class="col-12">
				@include('layouts.buttons.button-create',['buttons'=> array(
	                array(
	                  'modal'=>'si',
	                  'url'=>'#',
	                  'class'=>" btn btn-primary",
	                  'icon'=>"icon-database-add",
	                  'text' => "Crear nuevo plan"
	                )
            	)])		
			</div>
		</div>
	</div>
	<table class="table table-bordered table-hover datatable">
		<thead>
			<tr>
				<th>Cuenta</th>
				<th>Descripcion </th>
				<th>Contra cuenta</th>
				<th>Contra cuenta </th>
				<th>Auxiliar</th>
				<th>Articulo</th>
				<th>Acciones</th>
			</tr>
		</thead>
	</table>
</div>
@include('Catalogo.views.add.cuentas')
<div class="response-ajax"></div>
	@section('scripts')
		<script>
			const url = 'cuentas';

			const columns = [
				        {data: 'codigo'},
				        {data: 'descripcion'},
				        {data: 'contra_cuenta'},
				        {data: 'contra_cuenta2'},
				        {data: 'auxiliar'},
				        {data: 'articulo'},
				        {data: 'action'},
				    ];
			columnDefs=  [
	   	 				{ className: "auxiliar-status", "targets": [4] },
	   	 				{ className: "articulo-status", "targets": [5] },
	   	 				{ "orderable": false, "targets": 0 },
	  				];
	  		//Estilos columns
		</script>
		<script src="{!! asset('assets/datatables/datatables_basic.js') !!}"></script>
	@endsection
@endsection