@extends('flatlab::layout')
@section('header_title')
Médicos
@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">Médicos</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="card">
	<div class="card-header head-border">
        <i class="fas fa-user-md"></i> Médicos
	</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="#medico-modal" id="nuevo">Nuevo Médico</button>
                </div>
            </div>
            <div class="table-responsive">
				<table class="table table-bordered" id="medicos">
					<thead>
						<tr>
							<th>Nombre</th>
							<th>Cuit</th>
							<th>Teléfonos</th>
							<th>Email</th>
							<th>Instituciones</th>
							<th>Acciones</th>
						</tr>
					</thead>
				</table>
            </div>
		</div>
	</div>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'medico-modal','titulo'=>'Medico','body'=>'<medicos></medicos>'])
@endsection
@push('extra_scripts')
    <script type="text/javascript">
	$(document).ready(function() {
		$('#nuevo').click(function(){
            $('.modal-title').html('Crear Médico')
			Event.$emit('crearMedico');
		});
	    medicos = $('#medicos').DataTable({
	        "ajax": "{{ route('getMedicos') }}",
	        "columns": [
	            {data: 'nombre', name: 'nombre'},
	            {data: 'cuit', name: 'cuit'},
	            {data: 'telefonos', name: 'telefonos'},
	            {data: 'email', name: 'email'},
	            {data: 'instituciones', name: 'instituciones.razon_social'},
	            {data: 'acciones', name: 'acciones', orderable: false, searchable: false,  className: "text-center nowrap" }
	        ]
	    }).on('click', '.acciones button', function (e) {
	    	e.preventDefault();
			var medico = $(this).parent().data("medico");
			if($(this).data("action") == 'editar'){
                $('.modal-title').html('Editar Médico')
				Event.$emit('editarMedico', medico);
			}
        	if($(this).data("action") == 'borrar'){
                $('.modal-title').html('Borrar Médico')
        		Event.$emit('borrarMedico', medico.id);
        	}
   		})
	});

	</script>
@endpush