@extends('layouts.app')

@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item active"><a href="{{ route('contratos.index') }}">@{{titulo_pagina}}</a></li>
  </ol>
</nav>
@stop

@section('content')
<div class="bgc-white p-20 bd">
<div class="align-items-center d-flex justify-content-between">
        <h2 class="">@{{titulo_pagina}}</h2>
        <b-button-toolbar aria-label="Submenú toolbar" class="">
            <b-button-group class="mx-1">
              
              <a href="{{route('contratos.nuevofuncionario')}}"  class="btn btn-primary">Nueva Ficha</a>
            </b-button-group>
          </b-button-toolbar>
</div>
<div class="clearfix"></div>
    <div class="card">

        <div class="card-body">
        {{-- <a href="{{route('contratos.listacontratos')}}"  class="btn btn-primary">Vista Contratos</a>
        <a href="{{route('contratos.listafuncionarios')}}"  class="btn btn-primary">Vista Funcionarios</a> --}}
        @include('contratos::lista_contratos')
    </div>
    </div>
    </div>
    <template>


    </template>
@endsection


@push('pre-scripts')

<script>
window.pageMix.push({
    data() {
        return {
          tipo:"{{$tipo ?? 'administrativo'}}",
          titulo_pagina:"Fichas de Contratos",
        }
    },
    computed: {},
    mounted() {
        this.cargarTablaContratos('',this.tipo);
        if(this.tipo=="poraprobar")
          this.titulo_pagina=this.titulo_pagina+" por aprobar"; 
    },
    methods:{}
});
</script>


@endpush