@extends('admin.layout')
@section('title','Codigos postales del SAT')
@section('content')
    <div class="container-fluid">
        <div class="">
            <div id="card" class="card card-info card-outline collapsed-card">
                <div class="card-header">
                    <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">

                    {!! 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="codigo_postal">Codigos Postales</label>
                            <div class="col">
                                <input id="codigo_postal"   name="codigo_postal" type="text" placeholder="" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="estado">Estado</label>
                            <input id="estado" name="estado" type="text" placeholder="ejemplo: NAY" 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">Catálogo de codigos postales del SAT</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                    <div >

                        <table id="codigos_postales" class="table table-striped table-bordered nowrap table-sm" style="width:100%">
                            <thead  >
                            <tr class="table-primary" >
                                <th>Codigo_Postal</th>
                                <th>Estados</th>

                            </tr>
                            </thead>

                            <tfoot>
                            <tr>
                                <th>Clave</th>
                                <th>Descripcion</th>

                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script src="js/SAT/codigos_postales.js" ></script>
@endsection