@extends('flatlab::layout')

@section('header_title')
Médico {{ $medico->nombre}}
@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"><a href="{{ route('medicos.index')}}">Médicos</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ $medico->nombre }}</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="row">
    @include('medicos._lateral')
    <aside class="profile-info col-lg-9">
        <section class="card">
            {{-- <div class="bio-graph-header">
                {{ $medico->nombre }}
            </div> --}}
            <div class="card-body bio-graph-info">
                <h1>Datos de la Médico</h1>
                <div class="row">
                    <div class="bio-row">
                        <p><span>Nombre </span>: {{ $medico->nombre }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Cuit </span>: {{ $medico->cuit }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Condicion </span>: {{ $medico->condicion_texto }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Domicilio </span>: {{ $medico->direccion }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Ciudad</span>: {{ $medico->localidad }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Email</span>: <a href="mailto:{{ $medico->email }}" target="_blank">{{ $medico->email }}</a></p>
                    </div>
                    <div class="bio-row">
                        <p><span>Telefonos: </span> {{ $medico->telefonos_string }}</p>
                    </div>
                </div>
            </div>
        </section>
        {{-- Section Contactos --}}
        {{-- <widget-contactos :entidad="{{ $medico->load('contactos') }}"></widget-contactos> --}}
        {{-- Section Expedientes --}}
        <section class="card">
            <header class="card-header">
                Cirugías
                <span class="tools pull-right">
                    <a class="fa fa-chevron-down" href="javascript:;"></a>
                    <a class="fa fa-times" href="javascript:;"></a>
                </span>
            </header>
            <div class="card-body table-responsive">
                    {{-- <table class="table table-bordered table-condensed" id="comprobantes">
                        <thead>
                        <tr>
                            <th>N°</th>
                            <th>Fecha</th>
                            <th>Estado</th>
                            <th>Acciones</th>
                        </tr>
                        </thead>
                    </table> --}}
            </div>
        </section>
       
    </aside>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'medicos-modal','titulo'=>'Médico','body'=>'<medicos></medicos>'])
{{-- @component('flatlab::helpers.form-modal',['accion'=>'contacto-modal','titulo'=>'Contacto'])
    @slot('body')
        <contactos ruta="{{ route('medicos.contacto-nuevo', $medico) }}"></contactos>
    @endslot
@endcomponent --}}

@endsection

@push('extra_scripts')
{{-- <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script src="/vendor/datatables/buttons.server-side.js"></script>
{!! $dataTable->scripts() !!} --}}

<script type="text/javascript">
    $(document).ready(function() {
        $("#editar").on('click', function (e) {
          	e.preventDefault();
			Event.$emit('editarMedico',{!! json_encode($medico) !!});
           })
        $("#crear-contacto").on('click', function (e) {
            e.preventDefault();
            $('.modal-title').html('Crear Contacto')
			Event.$emit('crearContacto');
   		})

        // let comprobantes = $('#comprobantes').DataTable({
        //     dom: 'Bfrtip',
        //     processing: true,
        //     serverSide: true,
        //     buttons: [
        //         'csv', 'excel',  {extend: 'print', text: '<i class="fa fa-print"></i> Imprimir'}
        //     ],
        //     ajax: route('clientes.getComprobantes', {{ $medico->id }}),
        //     columns: [
        //         {data: 'id', name: 'id', className: "text-center"},
        //         {data: 'created_at', name: 'created_at', className: "text-center"},
        //         {data: 'tipo_texto_completo', name: 'tipo_texto_completo', className: "text-center"},
        //         {data: 'comprobante', name: 'comprobante', className: "text-center"},
        //         {data: 'neto', name: 'neto'},
        //         {data: 'action', name: 'action',width: '100px', className: "nowrap text-center"},
        //     ],
        //     order: [[0, 'desc']]
        // }).on('click', '.acciones button', function (e) {
		// 	e.preventDefault();
		// 	let dt =  $(this).parent().parent();

	    // 	var id = $(this).parent().data("id");
	    // 	if($(this).data("action") == 'cobrar'){
		// 		axios.post(route('comprobantes.cobrar', id))
		// 			.then(response => {
		// 				toastr.success(response.data.mensaje)
		// 				comprobantes.draw(false);
		// 			})
		// 			.catch(errors => console.log(errors))
		// 	}
   		// })
    });
</script>
@endpush