@extends('admin.layout')
@section('title','Bancos 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">Banco 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' => 'bancos.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 del Banco</label>
                            <div class="col">
                                <input id="clave"   name="clave" type="number" placeholder="" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="descripcion">Nombre del Banco</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 bancos del SAT</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                <div >

                    <table id="bancos" class="table table-striped table-bordered nowrap table-sm" style="width:100%">
                        <thead  >
                        <tr class="table-info">
                            <th>Clave</th>
                            <th>Descripcion</th>
                            <th>Opciones</th>
                        </tr>

                        </thead>
                        <tbody>

                        @foreach ($bancos as $banco)
                            @if(($banco->status)===true)
                            <tr id="{{$banco->id}}">
                                <td>{{$banco->clave}}</td>
                                <td>{{$banco->descripcion}}</td>


                                <td>
                                    <a href="#" onclick="editar('{{$banco->id}}')" class="btn btn-info btn-sm"><i class="fa fa-edit fa-sm"></i></a>
                                    <a href="#" onclick="eliminar('{{$banco->id}}')" class="btn btn-danger btn-sm"><i class="fa fa-trash-o fa-sm"></i></a>
                                </td>
                            </tr>
                        @endif
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th>Clave</th>
                            <th>Descripcion</th>

                            <th>Opciones</th>
                        </tr</tfoot>

                    </table>

                </div>
            </div>


        </div>
    </div>
    </div>

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



@endsection