@extends('flatlab::layout')

@section('header_title')
Informar 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>Informar Legajo {{ $legajo->paciente }}</li>
</ul>
@endsection
@section('main-content')
<div class="row">
    <div class="col-md-8">
        <section class="panel panel-primary">
        <header class="panel-heading tab-bg-dark-navy-blue">
            Informar la Facturación del Legajo del Paciente {{ $legajo->paciente }} a {{ $legajo->cliente->nombre }} 
        </header>
        <div class="panel-body">
            <form class="cmxform form-horizontal tasi-form" method="POST" @submit.prevent="onSubmit">
                <div class="form-group">
                    <label for="tipo" class="control-label col-lg-1">Tipo</label>
                    <div class="col-lg-3">
                        <select class="form-control select" name="tipo">
                            <option value="1">Factura A</option>
                            <option value="6">Factura B</option>
                            <option value="99">Sin Factura</option>
                        </select>
                    </div>                        
                    <label for="condicion" class="control-label col-lg-1">Cond.</label>
                    <div class="col-lg-3" >
                        <select name="condicion" class="form-control select">
                            <option value="1">Responsable Inscripto</option>
                            <option value="2">Iva Exento</option>
                            <option value="3">Consumidor Final</option>
                        </select>
                    </div>
                    <label for="ptoVta" class="control-label col-lg-1">Pto Vta.</label>
                    <div class="col-lg-3" >
                        <select name="ptoVta" class="form-control select" required> 
                            <option value="">Punto de Venta</option>
                            <option value="2">Puesto 2</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-2">
                        <select name="tipo_documento" class="form-control select" >
                            <option value="">Tipo Doc</option> 
                            <option value="1">DNI</option> 
                            <option value="2">CUIT</option> 
                        </select>
                    </div>
                    <label for="cliente" class="control-label col-lg-1">Cliente</label>
                    <div class="col-lg-6">
                        <input class="form-control" name="cliente" value="{{ $legajo->cliente->nombre }}">
                    </div>
                </div>
                <div class="form-group" >
                    <label for="domicilio" class="control-label col-lg-1">Domicilio</label>
                    <div class="col-lg-5">
                        <input name="domicilio" class="form-control" value="{{ $legajo->cliente->direccion }}" >
                    </div>
                    <label for="email" class="control-label col-lg-1">Email</label>
                    <div class="col-lg-5">
                        <input name="email" id="" class="form-control" value="{{ $legajo->cliente->email }}">
                    </div>
                </div>            
                <div class="row">
                    <div class="col-lg-5 invoice-block pull-right">
                        <ul class="unstyled amounts">
                            <li><strong>Importe Neto Gravado :</strong> </li>
                            <li><strong>IVA 21% :</strong> </li>
                            <li><strong>Importe Total :</strong> </li>
                        </ul>
                        <p class="help-block" ></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class=" col-lg-12">
                        <button class="btn btn-primary btn-shadow btn-lg btn-block" type="submit">Informar Factura</button>
                    </div>
                </div>
                <input type="hidden" name="concepto" value="1">
            </form>
        </div>
       {{--  <!-- Modal para confirmar envio factura -->
        <div class="modal fade modal-dialog-center top-modal-with-space in" id="confirmar">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">Facturar Legajo de {{ legajo.paciente }} a {{ form.cliente }}</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row invoice-list">
                            <div class="text-center corporate-id">Datos de la factura</div>
                            <div class="col-sm-6">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><strong>Tipo: </strong>{{ factura }}</li>
                                    <li><strong>Condicion: </strong>{{ condicion}}</li>
                                    <li><strong>{{ documento }}: </strong>{{form.documento}}</li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><strong>Cliente:  </strong>{{ form.cliente }}</li>
                                    <li><strong>Domicilio: </strong>{{ form.domicilio }}</li>
                                    <li><strong>Email: </strong>{{ form.email }}</li>
                                </ul>
                            </div>                           
                        </div>
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th class="">Cantidad</th>
                                    <th class="">Descripcion</th>
                                    <th class="">Precio Unit.</th>
                                    <th class="">Subtotal</th>
                                    <th class="">con IVA</th>
                                </tr>
                            </thead>
                            <tbody> 
                                <tr v-for="item in form.items">
                                    <td>{{ item.cantidad }}</td>
                                    <td>{{ item.descripcion }}</td>
                                    <td>{{ item.precio }}</td>
                                    <td>{{ item.precio * item.cantidad }}</td>
                                    <td>{{ (item.precio * 1.21).toFixed(2) }}</td>
                                </tr> 
                            </tbody>
                        </table><div class="row">
                        <div class="col-lg-6 invoice-block pull-right">
                            <ul class="unstyled amounts">
                                <li><strong>Importe Neto Gravado :</strong> ${{ importeNeto }}</li>
                                <li><strong>IVA 21% :</strong> ${{ importeIva }}</li>
                                <li><strong>Importe Total :</strong> ${{ importeTotal }}</li>
                            </ul>
                            <p class="help-block" ></p>
                        </div>
                </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">  
                        <button class="btn btn-primary btn-shadow btn-lg btn-block" @click="onConfirm" type="submit">Confirmar</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal para espera de respuesta facturado -->
        <div class="modal fade modal-dialog-center  in" role="dialog" id="facturando">
            <div class="modal-dialog modal-loader">
                <div class="modal-content-wrap center">
                    <div class="loader"></div>
                </div>
            </div>
        </div> --}}
    </section>
    </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