@extends('layouts.main')

@section('content')


<section class="content-header">
    <h1>Invoice Management</h1>
    <ol class="breadcrumb">
        <li><a href="/home"><i class="fa fa-dashboard"></i>Home</a></li>
        <li><a href="#">Invoice</a></li>
        <li class="active"><a href="#">Export Invoice</a></li>
	</ol>
</section>
<hr style="border: 3px groove #3c8dbc;">

<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header">
					@if ($message = Session::get('success'))
					<div class="alert alert-success">
						<p>{{ $message }}</p>
					</div>
					@endif
				</div>
				<div class="box-body">
				<div class="row">
        <div class="col-md-6">
          <!-- Custom Tabs -->
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab_1" data-toggle="tab">Export CPQ JSON</a></li>
              <li><a href="#tab_2" data-toggle="tab">Export TTB JSON</a></li>
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                  Dropdown <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>
              <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">
					<div class="form-group">
				
				<div class="custom-date-select">
                <label>Select Date range for invoice:</label>

                <div class="input-group">
                  <button type="button" class="btn btn-default pull-right" id="daterange-btn-for-export-invoice">
                    <span>
                      <i class="fa fa-calendar"></i>Select Date range 
                    </span>
                    <i class="fa fa-caret-down"></i>
                  </button>
                </div>
				</div>
              </div>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_2">
					<div class="form-group">
				
				<div class="custom-date-select">
                <label>Select Date range for invoice:</label>

                <div class="input-group">
                  <button type="button" class="btn btn-default pull-right" id="daterange-btn-for-export-invoice">
                    <span>
                      <i class="fa fa-calendar"></i>Select Date range 
                    </span>
                    <i class="fa fa-caret-down"></i>
                  </button>
                </div>
				</div>
              </div>
              </div>
              <!-- /.tab-pane -->
              
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- nav-tabs-custom -->
        </div>
        <!-- /.col -->
		<table class="dataTables_wrapper table table-responsive" id="exportfromttb1">
						<thead>
							<tr>
								<th>Id</th>
								<th>File</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>

			 



@endsection