@extends('layouts.layout')

@section('content')


<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="{{ URL::asset('css/popup.css') }}">
<style type="text/css">
    .badge-danger {
        background-color:red;
    }
    .increaseme{
        width:100px;
    }
</style>
<!-- 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>


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

    <div class="row">

        <div class="col-xs-12">
            <div class="box" style="padding:10px">
                
                  <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab_1" data-toggle="tab">Invoices</a></li>
                                <li><a href="#tab_2" data-toggle="tab">Send Invoice</a></li>
                                <li><a href="#tab_3" data-toggle="tab">Audit Trail</a></li>
                                 @if($accessType == "2")
                                 <li><a href="#tab_4" data-toggle="tab">Payment</a></li>
                                 @endif
                                <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                            </ul>
                      
                      
                       <div class="tab-content">
                           <div class="tab-pane active" id="tab_1">
                               
                               <form name="bookingItem" id="bookingItem" onsubmit="return false" enctype="multipart/form-data">
                <!-- /.box-header -->
                <div class="box-body table-responsive">
                    <a style="cursor:pointer" href="