@extends('flatlab::layout')

@section('header_title')
Honorarios
@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 active" aria-current="page">Honorarios</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="card">
	<div class="card-header head-border">
		<i class="fas fa-notes-medical"></i>  Honorarios
	</div>
	<div class="card-body">
		<div class="adv-table table-responsive">
            <div class="btn-group">
            <a href="{{ route('honorarios.create') }}" class="btn btn-primary btn-shadow" >Nuevo Honorario</a>
            </div>
			<table class="display hover table table-bordered " id="honorarios">
				<thead>
					<tr>
						<th>N°</th>
						<th>Medico</th>
						<th>Cliente</th>
						<th>Monto</th>
						<th>Facturado</th>
						<th>Monto Cobrado</th>
						<th>Cobrado</th>
						<th>Acciones</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'honorario-modal','titulo'=>'Honorario','body'=>'<honorarios></honorarios>'])
@endsection
@push('extra_scripts')
<script type="text/javascript">
	$(document).ready(function() {
	    honorarios = $('#honorarios').DataTable({
	        "ajax": "{{ route('getHonorarios') }}",
	        "columns": [
	            {data: 'id', name: 'id',  className: "text-center"},
	          	{data: 'medico.nombre', name: 'medico.nombre'},
	            {data: 'honorable.link', name: 'honorable.link'},
	            {data: 'facturado_monto', name: 'facturado_monto',  className: "text-center"},
	            {data: 'facturado', name: 'facturado',  className: "text-center"},
	            {data: 'cobrado_monto', name: 'cobrado_monto',  className: "text-center"},
	            {data: 'cobrado', name: 'cobrado',  className: "text-center"},
	            {data: 'acciones', name: 'acciones', orderable: false, searchable: false,  className: "nowrap" ,  className: "text-center"}
	        ]
	    }).on('click', '.acciones button', function (e) {
	    	e.preventDefault();

	    	var honorario = $(this).parent().data("honorario");


        	if($(this).data("action") == 'borrar'){
                $('.modal-title').html('Borrar Honorario')
        		Event.$emit('borrarHonorario', honorario);
            }

            if($(this).data("action") == 'facturar'){
                $('.modal-title').html('Facturar Honorario')
        		Event.$emit('facturarHonorario', honorario);
            }

            if($(this).data("action") == 'cobrar'){
                $('.modal-title').html('Cobrar Honorario')
        		Event.$emit('cobrarHonorario', honorario);
        	}
   		})
	});

</script>
@endpush