@extends('flatlab::layout')

@section('header_title')
Legajos
@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">Legajos</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="card">
	<div class="card-header head-border">
		<i class="fas fa-notes-medical"></i>  Legajos Facturados
	</div>
	<div class="card-body">
		<div class="adv-table table-responsive">
            <div class="btn-group">
            <a href="{{ route('legajos.create') }}" class="btn btn-primary btn-shadow" >Nuevo Legajo</a>
            </div>
			<table class="display hover table table-bordered " id="legajos">
				<thead>
					<tr>
						<th>N°</th>
						<th>Paciente</th>
						<th>Cirugia</th>
						<th>Realizada</th>
						<th>Obra Social</th>
						<th>Medico</th>
						<th>Institución</th>
						<th>Facturado</th>
						<th>Cobrado</th>
						<th>Acciones</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'legajo-modal','titulo'=>'Legajo','body'=>'<legajos></legajos>'])
@endsection
@push('extra_scripts')
<script type="text/javascript">
	$(document).ready(function() {
	    legajos = $('#legajos').DataTable({
	        "ajax": "{{ route('getLegajos') }}",
	        "columns": [
	            {data: 'id', name: 'id'},
	            {data: 'paciente', name: 'paciente'},
	            {data: 'fecha_cirugia', name: 'fecha_cirugia'},
	            {data: 'cirugia_realizada', name: 'cirugia_realizada'},
	            {data: 'obra_social.nombre', name: 'obra_social.nombre'},
	            {data: 'medico.nombre', name: 'medico.nombre'},
	            {data: 'institucion.razon_social', name: 'institucion.razon_social'},
	            {data: 'facturado', name: 'facturado'},
	            {data: 'cobrado', name: 'cobrado'},
	            {data: 'acciones', name: 'acciones', orderable: false, searchable: false,  className: "nowrap" }
            ],
            order: [[0, 'desc']]
	    }).on('click', '.acciones button', function (e) {
	    	e.preventDefault();

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

        	// if($(this).data("action") == 'editar'){
            //     window.location.href = 'legajos/' + legajo.id;
            // }

        	if($(this).data("action") == 'borrar'){
                $('.modal-title').html('Borrar Legajo')
        		Event.$emit('borrarLegajo', legajo);
            }

            if($(this).data("action") == 'facturar'){
                $('.modal-title').html('Facturar Legajo')
        		Event.$emit('facturarLegajo', legajo);
            }

            if($(this).data("action") == 'cobrar'){
                $('.modal-title').html('Cobrar Legajo')
        		Event.$emit('cobrarLegajo', legajo);
        	}
   		})
	});

</script>
@endpush