@extends('flatlab::layout')

@section('header_title')
Facturar legajo {{ $legajo->id }}
@endsection

@section('breadcrumbs')
<ul class="breadcrumb">
	<li><a href="/gestion"><i class="fa fa-home"></i> </a></li>
	<li><a href="/legajos">Legajos</a></li>
	<li>Facturar {{ $legajo->paciente }}</li>
</ul>
@endsection
@section('main-content')
<div class="row">
	<div class="col-md-8">
		<factura id="{{ $legajo->id }}" informar="{{ $informar or '' }}"></factura>
	</div>
	<div class="col-md-4">
		<section class="panel" >
			<header class="panel-heading tab-bg-dark-navy-blue">
				<ul class="nav nav-tabs">
					<li class="active"><a data-toggle="tab" href="#consumo">Consumo</a></li>
					<li><a data-toggle="tab" href="#remito">Remito</a></li>
					<li><a data-toggle="tab" href="#pedido">Pedido</a></li>
				</ul>
			</header>
			<div class="panel-body">
				<div class="tab-content">
					<div id="consumo" class="tab-pane active">
						{!! $legajo->consumo !!}
					</div>
					<div id="remito" class="tab-pane">
						{!! $legajo->remito_provisorio !!}
					</div>
					<div id="pedido" class="tab-pane">
						{!! $legajo->pedido !!}
					</div>
				</div>
			</div>
		</section>
		<section class="panel">
			<header class="panel-heading tab-bg-dark-navy-blue">
				<ul class="nav nav-tabs">
					<li class="active"><a data-toggle="tab" href="#doctor">Doctor</a></li>
					<li><a data-toggle="tab" href="#institucion">Institución</a></li>
					<li><a data-toggle="tab" href="#documentos">Documentos</a></li>
				</ul>
			</header>
		
			<div class="tab-content">
				<div id="doctor" class="tab-pane active">
					@include('legajos.modulos.doctor')
				</div>
				<div id="institucion" class="tab-pane">
					@include('legajos.modulos.institucion')
				</div>
				<div id="documentos" class="tab-pane ">
					@include('legajos.modulos.documentos')
				</div>
			</div>
	
		</section>
	</div>
</div>

@endsection