@extends('admin.layout')
@section('title','Categorias')
@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">Categoria</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">

                    {!! Form::open(['route' => 'categorias.store', 'method' => 'post', 'novalidate','class'=>'form-horizontal','id'=>'form1']) !!}
                    <div class="row col-md-12 ">

                        <div >
                            <input type="hidden" id="id" value="">
                        </div>

                        <div class="col-md-4 ">
                            <label  for="clave">Clave</label>
                            <div class="col">
                            <input id="clave_categoria"   name="clave_categoria" type="text" placeholder="AA" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="nombre">Nombre Categoria</label>
                            <input id="categoria" name="categoria" type="text" placeholder="Categoria A" class="form-control input-sm">
                        </div>
                        <div class="col-md-4">
                            <label  for="ffinanciamiento">Fuente Financiamiento</label>
                            <select id="fuente_financiamiento" name="fuente_financiamiento" class="form-control input-sm">
                                <option value="1">One</option>
                                <option value="2">Two</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label for="unidadr">Unidad Responsable</label>
                            <select id="unidad_responsable" name="unidad_responsable" class="form-control">
                                <option value="1">One</option>
                                <option value="2">Two</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="prog">Proogramatico</label>
                            <select id="programaticos" name="programaticos" class="form-control">
                                <option value="1">One</option>
                                <option value="2">Two</option>
                            </select>

                        </div>
                        <div class="col-md-4">
                            <label for="descripcion">Descripcion</label>

                            <textarea class="form-control" id="descripcion" name="descripcion">Descripcion 1</textarea>

                        </div>

                        <div class="col-md-4">
                            <label for="motivo">Motivo</label>
                            <select id="motivo" name="motivo" class="form-control">
                                <option value="1">Motivo 1</option>
                                <option value="2">Motivo 2</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label>Fecha Inicial</label>
                            <div class='input-group date'  data-target-input="nearest">
                                <div class="input-group-append" data-target="#fecha_ini" data-toggle="datetimepicker">
                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                </div>
                                <input name="fecha_ini" id="fecha_ini" type='text' class="form-control datetimepicker-input" data-target="#fecha_ini" />
                            </div>

                        </div>
                        <div class="col-md-4">
                            <label>Fecha Final</label>
                            <div class='input-group date'  data-target-input="nearest">
                                <div class="input-group-append" data-target="#fecha_fin" data-toggle="datetimepicker">
                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                </div>
                                <input name="fecha_fin" id="fecha_fin" type='text' class="form-control datetimepicker-input" data-target="#fecha_fin" />
                            </div>

                        </div>
                        <div class="col-md-4">
                            <label for="tipop">Tipo Plazas</label>

                            <select id="tipo_plaza" name="tipo_plaza" class="form-control">
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>

                        </div>
                        <div class="col-md-4">
                            <label for="nump">Numero de Plazas</label>
                            <input id="num_plaza" name="num_plaza" type="number" placeholder="0" class="form-control input-md">
                        </div>
                        <div class="col-md-4">
                            <label for="status">Estatus</label>
                            <select id="status" name="status" class="form-control">
                                <option value="true">Activo</option>
                                <option value="false">Inactivo</option>
                            </select>

                        </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 categorias</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                    <div class="table" >

                        <table id="categorias" class="table table-striped table-bordered nowrap table-sm" style="width:100%">
                                <thead  >
                                <tr class="table-info" >
                                    <th>Clave</th>
                                    <th>Categoria</th>
                                    <th>Fuente financiamiento</th>
                                    <th>Unidad Responsable</th>
                                    <th>Programaticos</th>
                                    <th>descripcion</th>
                                    <th>status</th>
                                    <th>Motivo</th>
                                    <th >Fecha inicial</th>
                                    <th >Fecha final</th>
                                    <th>tipo plaza</th>
                                    <th>num plaza</th>
                                    <th>opciones</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(count($categorias)>0)
                                @foreach ($categorias as $categoria)
                                    <tr id="{{$categoria->id}}">
                                        <td>{{$categoria->clave_categoria}}</td>
                                        <td>{{$categoria->categoria}}</td>
                                        <td>{{$categoria->fuente_financiamiento}}</td>
                                        <td>{{$categoria->unidad_responsable}}</td>
                                        <td>{{$categoria->programaticos}}</td>
                                        <td>{{$categoria->descripcion}}</td>
                                        <td>{{$categoria->status}}</td>
                                        <td>{{$categoria->motivo}}</td>
                                        <td>{{$categoria->fecha_ini}}</td>
                                        <td>{{$categoria->fecha_fin}}</td>
                                        <td>{{$categoria->tipo_plaza}}</td>
                                        <td>{{$categoria->num_plaza}}</td>
                                        <td>
                                            <a href="#" onclick="editar('{{$categoria->id}}')" class="btn btn-info btn-sm"><i class="fa fa-edit fa-sm"></i></a>
                                            <a href="#" onclick="eliminar('{{$categoria->id}}')" class="btn btn-danger btn-sm"><i class="fa fa-trash-o fa-sm"></i></a>
                                        </td>
                                    </tr>
                                    {!! Form::open(['route'=>['categorias.destroy',':ID'],'method'=>'DELETE','id'=>'form-delete']) !!}

                                    {!! Form::close() !!}
                                    {!! Form::model($categoria,['route' => ['categorias.update','::ID'], 'method' => 'PUT', 'novalidate','class'=>'form-horizontal','id'=>'form-update']) !!}
                                    {!! Form::close() !!}


                                @endforeach
                                    @endif


                                </tbody>
                            </table>

                        </div>
        </div>


        </div>
    </div>

    </div>
{!! Form::open(['route'=>['categorias.destroy',':ID'],'method'=>'DELETE','id'=>'form-delete']) !!}

{!! Form::close() !!}
    @if(count($categorias)>0)
    {!! Form::model($categoria,['route' => ['categorias.update','::ID'], 'method' => 'PUT', 'novalidate','class'=>'form-horizontal','id'=>'form-update']) !!}
    {!! Form::close() !!}
    @endif


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