@extends('layouts.external')

@section('content')


    {{Form::open(["id"=>"frmInvoice"])}}
    {{Form::hidden('customer_id',null)}}
    {{Form::hidden('ticket_id',null)}}
    {{Form::close()}}



    @include('tickets.invoice.layouts.modalCustomer')
    @include('tickets.invoice.layouts.modalCucc')

    <div id="modalInvoice" style="display: none;">
        <div class="row text-center">
            {{Form::button('<i class="fa fa-arrow-left"></i> Volver al Ticket',["class"=>"btn btn-danger btn-sm","id"=>"backTicket"])}}

        </div>
        <br/>
        <div class="row text-center">
            <iframe id="pdf" src="" width='600' height='530' allowfullscreen
                    webkitallowfullscreen></iframe>
        </div>


    </div>

    <div class="row">
        
        <div class="col-lg-12">
            <a target="_blank" href="{{route("tickets.invoiceHistory")}}" class="btn btn-danger pull-right">
                <i class="fa fa-list-alt"></i> Mi historial de tickets
            </a>
        </div>
    </div>
    <br/>

    <div id="infoTicket">
        <div class="row">
            <div class="col-lg-4">
                @include('tickets.invoice.layouts.customerIssuing')
            </div>
            <div class="col-lg-8">
                @include('tickets.invoice.layouts.items')
            </div>
        </div>
    </div>
@endsection


@section('plugins_css')
    {{Html::style('vendor/material/plugins/bootstrap-table/dist/bootstrap-table.min.css')}}
@endsection

@section('js_plugins')
    {!! Html::script('vendor/material/plugins/bootstrap-table/dist/bootstrap-table.min.js') !!}
    {!! Html::script('vendor/material/plugins/bootstrap-table/dist/bootstrap-table-locale-all.min.js') !!}
@endsection

@section('js_customs')
    {{Html::script(mix('js/production/invoiceTicket.js'))}}

    {{--Html::script('js/tickets/invoiceTicket.js')--}}
@endsection