@extends('flatlab::layout')

@section('header_title')
Obras Sociales
@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">Obras Sociales</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="card">
	<div class="card-header head-border">
        <i class="fas fa-medkit"></i> Obras Sociales
	</div>
	<div class="card-body">
		<div class="adv-table table-responsive">
			<div class="clearfix">
				<div class="btn-group">
					<button class="btn btn-primary btn-shadow" data-toggle="modal" data-target="#obras-sociales-modal" id="nuevo">Nueva Obra Social</button>
				</div>
			</div>
            <table class="display hover table table-bordered" id="obras-sociales">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Cuit</th>
                        <th>Delegación</th>
                        <th>Telefono</th>
                        <th>Email</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
            </table>
		</div>
	</div>
	@include('flatlab::helpers.form-modal',['accion'=>'obras-sociales-modal','titulo'=>'Obra Social','body'=>'<obras-sociales></obras-sociales>'])
</div>
@endsection

@push('extra_scripts')

    <script type="text/javascript">

	$(document).ready(function() {

		$('#nuevo').click(function(){
            $('.modal-title').html('Crear Obra Social')
			Event.$emit('crearObraSocial');
		});

	    let obrasSociales = $('#obras-sociales').DataTable({
	        "ajax": route('getObrasSociales'),
	        "columns": [
	            {data: 'nombre', name: 'nombre'},
	            {data: 'cuit', name: 'cuit'},
	            {data: 'delegacion', name: 'delegacion'},
	            {data: 'telefonos', name: 'telefonos'},
	            {data: 'email', name: 'email'},
	            {data: 'acciones', name: 'acciones', orderable: false, searchable: false,  className: "text-center nowrap" }
	        ]
	    }).on('click', '.acciones button', function (e) {
	    	e.preventDefault();

	    	var obraSocial = $(this).parent().data("obra-social");

	    	if($(this).data("action") == 'editar'){
                $('.modal-title').html('Editar Obra Social')
				Event.$emit('editarObraSocial', obraSocial);
			}
        	if($(this).data("action") == 'borrar'){
                $('.modal-title').html('Borrar Obra Social')
        		Event.$emit('borrarObraSocial', obraSocial.id);
        	}

   		})
	});

	</script>
@endpush