@extends('admin.layout')
@section('title','Estados 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' => 'estados.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 de estados</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="pais">Pais</label>
                            <div class="col">
                                <input id="pais"   name="pais" type="text" placeholder="" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="estado">Estados</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">Catalogo de estados del SAT</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                    <div >

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

                                <th>Estado</th>
                                <th>Opciones</th>
                            </tr>
                            </thead>
                            <tbody >
                            @foreach ($estados as $estado)
                                @if(($estado->status)===true)
                                <tr id="{{$estado->id}}">
                                    <td>{{$estado->clave}}</td>
                                    <td>{{$estado->pais}}</td>

                                    <td>{{$estado->estado}}</td>


                                    <td>
                                        <a href="#" onclick="editar('{{$estado->id}}')" class="btn btn-info btn-sm"><i class="fa fa-edit fa-sm"></i></a>
                                        <a href="#" onclick="eliminar('{{$estado->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>Pais</th>

                                <th>Estado</th>
                                <th>Opciones</th>

                            </tr>
                            </tfoot>

                        </table>

                    </div>
                </div>


            </div>
        </div>
    </div>
    {!! Form::open(['route'=>['estados.destroy',':ID'],'method'=>'DELETE','id'=>'form-delete']) !!}
    {!! Form::close() !!}
    {!! Form::model($estados,['route' => ['estados.update','::ID'], 'method' => 'PUT', 'novalidate','class'=>'form-horizontal','id'=>'form-update']) !!}
    {!! Form::close() !!}

@endsection
@section('scripts')
    <script src="js/SAT/estados.js" ></script>
@endsection