@extends('flatlab::layout')
@section('header_title')
Instituciones
@endsection
@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('gestion.index') }}"><i class="fa fa-home"></i> </a></li>
        <li class="breadcrumb-item"><a href="{{ route('gestion.index') }}">Entidades</a></li>
        <li class="breadcrumb-item active" aria-current="page">Instituciones</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="card">
	<div class="card-header head-border">
        <i class="far fa-hospital"></i> Instituciones
	</div>
	<div class="card-body">
		<div class="adv-table table-responsive">
            <div class="btn-group">
                <button class="btn btn-primary btn-shadow" data-toggle="modal" data-target="#institucion-modal" id="nuevo">Nueva Institución</button>
            </div>
            <div class="table-responsive">
				<table class="table table-bordered" id="instituciones">
					<thead>
						<tr>
							<th>Razón Social</th>
							<th>Cuit</th>
							<th>Cufe</th>
							<th>Email</th>
							<th>Teléfonos</th>
							<th>Acciones</th>
						</tr>
					</thead>
				</table>
            </div>
		</div>
	</div>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'institucion-modal','titulo'=>'Institución','body'=>'<instituciones></instituciones>'])
@endsection
@push('extra_scripts')
<!-- Enviar un script a la vista principal-->
    <script type="text/javascript">
	$(document).ready(function() {
        $('#nuevo').click(function(){
            $('.modal-title').html('Crear Institución')
            Event.$emit('crearInstitucion');
        });
	    instituciones = $('#instituciones').DataTable({
	    	"ajax": "{{ route('getInstituciones') }}",
	        "columns": [
	            {data: 'razon_social_link', name: 'razon_social'},
	            {data: 'cuit', name: 'cuit'},
	            {data: 'cufe', name: 'cufe'},
	            {data: 'email', name: 'email'},
	            {data: 'telefonos', name: 'telefonos'},
	            {data: 'acciones', name: 'acciones', orderable: false, searchable: false,  className: "text-center nowrap" }
	        ]
	    }).on('click', '.acciones button', function (e) {
            e.preventDefault();
            var institucion = $(this).parent().data("institucion");
            if($(this).data("action") == 'editar'){
                $('.modal-title').html('Editar Institución')
                Event.$emit('editarInstitucion', institucion);
            }
            if($(this).data("action") == 'borrar'){
                $('.modal-title').html('Borrar Institución')
                Event.$emit('borrarInstitucion', institucion.id);
            }
   		})
	});

	</script>
@endpush