@extends('flatlab::layout')

@section('header_title')
Obra Social {{ $obra_social->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('obras_sociales.index')}}">Obras Sociales</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ $obra_social->nombre }}</li>
    </ol>
</nav>
@endsection
@section('main-content')
<div class="row">
    @include('obras_sociales._lateral')
    <aside class="profile-info col-lg-9">
        <section class="card">
            {{-- <div class="bio-graph-header">
                {{ $obra_social->nombre }}
            </div> --}}
            <div class="card-body bio-graph-info">
                <h1>Datos de la Obra Social</h1>
                <div class="row">
                    <div class="bio-row">
                        <p><span>Razon Social </span>: {{ $obra_social->nombre }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Cuit </span>: {{ $obra_social->cuit }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Condicion </span>: {{ $obra_social->condicion_texto }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Dirección </span>: {{ $obra_social->direccion }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Localidad </span>: {{ $obra_social->localidad }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Provincia </span>: {{ $obra_social->provincia }}</p>
                    </div>
                    <div class="bio-row">
                        <p><span>Email</span>: <a href="mailto:{{ $obra_social->email }}" target="_blank">{{ $obra_social->email }}</a></p>
                    </div>
                    <div class="bio-row">
                        <p><span>Telefonos: </span> {{ $obra_social->telefonos_string }}</p>
                    </div>
                </div>
            </div>
        </section>
        {{-- Section Contacto --}}
        {{-- <widget-contactos :entidad="{{ $obra_social->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">
                {{-- {!! $dataTable->table(['class' => 'table table-bordered table-condensed']) !!} --}}
            </div>
        </section>
    </aside>
</div>
@include('flatlab::helpers.form-modal',['accion'=>'obras-sociales-modal','titulo'=>'Obra Social','body'=>'<obras-sociales></obras-sociales>'])
@component('flatlab::helpers.form-modal',['accion'=>'contacto-modal','titulo'=>'Contacto'])
    @slot('body')
        <contactos ruta="{{ route('obras_sociales.contacto-nuevo', $obra_social) }}"></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('editarObraSocial',{!! json_encode($obra_social) !!});
        })
        $("#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', {{ $obra_social->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