@extends('flatlab::layout')
@section('header_title')
Institución {{ $institucion->razon_social}}
@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('instituciones.index')}}">Instituciones</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ $institucion->razon_social }}</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="row">
    @include('instituciones._lateral')
    <aside class="profile-info col-lg-9">
        <section class="card">
            {{-- <div class="bio-graph-header">
                {{ $institucion->razon_social }}
            </div> --}}
            <div class="card-body bio-graph-info">
                <h1>Datos de la Institución</h1>
                <div class="row">
                    <div class="bio-row">
                        <p><span>Razón Social </span>: {{ $institucion->razon_social }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Cuit </span>: {{ $institucion->cuit }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Cufe </span>: {{ $institucion->cufe }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Dirección </span>: {{ $institucion->direccion }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Localidad </span>: {{ $institucion->localidad }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Email</span>: <a href="mailto:{{ $institucion->email }}" target="_blank">{{ $institucion->email }}</a></p>
                    </div>
                    <div class="bio-row">
                        <p><span>Telefonos: </span> {{ $institucion->telefonos_string }}</p>
                    </div>
                </div>
            </div>
        </section>
        {{-- Section Contacto --}}
        {{-- <widget-contactos :entidad="{{ $institucion->load('contactos') }}"></widget-contactos> --}}
        {{-- Section Cirugías --}}
        <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'=>'institucion-modal','titulo'=>'Institución','body'=>'<instituciones></instituciones>'])
@component('flatlab::helpers.form-modal',['accion'=>'contacto-modal','titulo'=>'Contacto'])
    @slot('body')
        <contactos ruta="{{ route('instituciones.contacto-nuevo', $institucion) }}"></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();
            $('.modal-title').html('Editar Institución')
			Event.$emit('editarInstitucion',{!! json_encode($institucion) !!});
        })
        $("#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', {{ $institucion->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