@extends('layouts.layout')

@section('content')


<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        {{ ucwords(str_replace('_', ' ', $url)) }}
        <small>Version 2.0</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> SysManager</a></li>
        <li class="active">{{ ucwords(str_replace('_', ' ', $url)) }}</li>
    </ol>
</section>

<!-- ADD FORM -->

<!-- Main content -->
<section class="content">
    <div class="row">

                <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title"> - <b></b>  </h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->



                <form id="invoiceState" name="invoiceFinal" class="invoiceFinal" id="invoiceFinal"  method="POST" role="form" enctype="multipart/form-data" onsubmit="return false;">

                    <div class="box-body">

                        <div class="col-sm-12">

<!--<h5>   </h5>-->

                            <div class="nav-tabs-custom">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#tab_1" data-toggle="tab">Details</a></li>
                                    
                                    <li><a href="#tab_2" data-toggle="tab">Open Invoice Items </a></li>
                                    <!--<li><a href="#tab_3" data-toggle="tab">History</a></li>-->
                                </ul>
                            </div>



                            <div class="tab-content">

                                <div class="tab-pane active" id="tab_1">

                                    <div class="">
                                        <!-- /.box-header -->
                                        <div class="box-body pad">

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Invoice Date</label>
                                                    <input readonly value="" type="text" class="form-control datepicker" id="researvationDate" name="researvationDate" placeholder="">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Client Name</label>
                                                    <input readonly value="" type="text" class="form-control" id="client_name" name="client_name">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Office</label>
                                                    <input readonly value="" type="text" class="form-control" id="office" name="office">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Client Type</label>
                                                    <input readonly value="" type="text" class="form-control" id="client_type" name="client_id">

                                                </div>
                                            </div>
                                            
                                            
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Credit Type</label>
                                                    <input readonly value="" type="text" class="form-control" id="client_type" name="client_id">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Contact Name</label>
                                                    <input  value="" type="text" class="form-control" id="contact_name" name="contact_name">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Email</label>
                                                    <input  value="" type="text" class="form-control" id="contact_email" name="contact_email">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Purchase Order</label>
                                                    <input  value=""  type="text" class="form-control" id="purchase_order" name="purchase_order" >

                                                </div>
                                            </div>
                                            
                                            
                                             <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Template</label>
                                                    <input readonly value=""  type="text" class="form-control" id="purchase_order" name="purchase_order" >

                                                </div>
                                            </div>

                                           

                                            <div class="col-sm-3">
                                                <div class="form-group" name="invoice_date" id="invoice_date">
                                                    <label for="exampleInputEmail1">Reservation Date</label>
                                                    <input readonly value=""  type="text" class="form-control" id="invoice_date" name="invoice_date">

                                                </div>
                                            </div>


                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">TIN Number</label>
                                                    <input value="" type="text" class="form-control" id="tin_number" name="tin_number">

                                                </div>
                                            </div>


                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">VAT Number</label>
                                                    <input value="" type="text" class="form-control" id="vat_number" name="vat_number">

                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Payment Terms</label>
                                                    <input value="" type="text" class="form-control" id="payment_terms" name="payment_terms">

                                                </div>
                                            </div>


                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Vendor Number</label>
                                                    <input value="" type="text" class="form-control" id="vendor_number" name="vendor_number">

                                                </div>
                                            </div>

                                                                                         <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Bank Account/Currency</label>
                                                    <select class="form-control" id="getBanks" name="getBanks">
                                                        <option value="">