@extends('templates.admin-lte')

@section('header')
    <h1>
      Personas
      <small>Indice</small>
    </h1>
@endsection

@section("styles")
   @include('libraries', 
   [
     'added' => array
     ( 
      'datatables-css', 
      'jquery-confirm-css', 
      'jquery-toast-css', 
      'bootstrap-select-css'
      )
    ])
@endsection

@section('content')
  @php($columnas=
  [ 
    'NOMBRE FANTASIA', 'NOMBRE', 'ES FISICA', 'ESTADO CIVIL', 'SEXO', 
    'FECHA NACIMIENTO', 'PROFESION', 'CONYUGUE', 'NACIONALIDAD', 'PAIS',
    'SECTOR', 'TIPO SOCIEDAD', 'LUCRATIVA', 'ESTATAL','FECHA ALTA', 'ACTIVO',
    'ACCIONES'
  ])

  

  <div class="box box-primary" id="vue-app">
    <div class="box-body">
      <br>

      <div class="col-md-2">
        <div class="form-group">
          <button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#modal-filtros"><b>FILTROS</b></button>
          @include("administracion/base/mantenimientos/personas/partials/index/filters")
        </div>
      </div>

      {!! Form::custom_link_one( route('administracion.base.mantenimientos.personas.create'), "<b>CREAR PERSONA</b>", 'col-md-2' ) !!}
      
      
    </div>
  </div>

  <div class="box box-primary">
    <div class="box-body">

      <div class="row">
        <div class="col-md-2">
          <div class="form-group">
            <label>Columnas</label>
            <select id="tabla-columnas" class="form-control selectpicker" multiple data-live-search="true" data-style="btn-primary">
              @foreach($columnas as $key => $c )
                  <option value="{{ $key }}" selected>{{ $c }}</option>
              @endforeach
            </select>
          </div>
        </div>
      </div>
      
      {!! Form::custom_table_one( "tabla-personas", $columnas,'table table-bordered table-hover display') !!}
    </div>
  </div>
  
@endsection

@section('scripts')
   @include('libraries',
   [
     'added' => 
     array
     ( 
      'slimscroll-js', 
      'datatables-js', 
      'jquery-confirm-js', 
      'jquery-toast-js', 
      'bootstrap-datetimepicker-js', 
      'bootstrap-select-js', 
      'vue-js' 
      )
    ])
   @include("administracion/base/mantenimientos/personas/partials/index/scripts")
@endsection