@extends('admin.layout')
@section('title','Tipo de percepciones del SAT')
@section('content')
    <div class="container col-md-10 col-md-offset-1">
        <div class="">
            <div id="card" class="card card-info card-outline collapsed-card">
                <div class="card-header">
                    <h3 class="card-title">Tipos de percepciones del SAT</h3>
                    <div class="card-tools ">
                        <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-plus-circle fa-lg" style="color:#81be4d"></i><a style="color:#81be4d; font-size:20px;">&nbsp;&nbsp;Agregar</a>
                        </button>
                    </div>
                    <!-- /.card-tools -->
                </div>
                <!-- /.card-header -->
                <div id="card_categorias" class="card-body" style="display: none;">

                    {!! Form::open(['route' => 'tipo_percepciones.store', 'method' => 'post', 'novalidate','class'=>'form-horizontal','id'=>'form1']) !!}
                    <div class="row col-md-12 ">
                        <meta name="csrf-token" content="{{ csrf_token() }}" />
                        <div >
                            <input type="hidden" id="id" value="">
                        </div>

                        <div class="col-md-4 ">
                            <label  for="clave">Clave</label>
                            <div class="col">
                                <input id="clave"   name="clave" type="text" placeholder="" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="descripcion">Estado</label>
                            <input id="descripcion" name="descripcion" type="text" placeholder="" class="form-control input-sm">
                        </div>
                        <div class="col-md-5" ></div><div class="col-md-4 control-label">
                            <br>
                            <div id="botones" >

                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
            <!-- /.card -->
        </div>
        <hr>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Catalogo de tipos de percepciones del SAT</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                    <div >

                        <table id="percepciones" class="table table-striped table-bordered nowrap table-sm" style="width:100%">
                            <thead  >
                            <tr class="table-primary" >
                                <th>Clave</th>
                                <th>Descripcion</th>
                                <th>Opciones</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($percepciones as $percepcion)
                                <tr id="{{$percepcion->id}}">
                                    <td>{{$percepcion->clave}}</td>
                                    <td>{{$percepcion->descripcion}}</td>
                                    <td>
                                        <a href="#" onclick="editar('{{$percepcion->id}}')" class="btn btn-info btn-sm"><i class="fa fa-edit fa-sm"></i></a>
                                        <a href="#" onclick="eliminar('{{$percepcion->id}}')" class="btn btn-danger btn-sm"><i class="fa fa-trash-o fa-sm"></i></a>
                                    </td>
                                </tr>

                            @endforeach
                            </tbody>
                            <tfoot>
                            <tr>
                                <th>Clave</th>
                                <th>Descripcion</th>

                            </tr>
                            </tfoot>

                        </table>

                    </div>
                </div>


            </div>
        </div>
    </div>
    {!! Form::open(['route'=>['tipo_percepciones.destroy',':ID'],'method'=>'DELETE','id'=>'form-delete']) !!}
    {!! Form::close() !!}
    {!! Form::model($percepcion,['route' => ['tipo_percepciones.update','::ID'], 'method' => 'PUT', 'novalidate','class'=>'form-horizontal','id'=>'form-update']) !!}
    {!! Form::close() !!}
@endsection
@section('scripts')
    <script src="js/SAT/tipo_percepciones.js" ></script>
@endsection