@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="btn-group">
        <!--<a href="{{ route('form.url', ['url' => $url]) }}"><button type="button" class="btn bg-maroon btn-flat margin">Add</button></a>
        <a href=""><button type="button" class="btn bg-purple btn-flat margin">Export</button></a>-->
        <!--     <button type="button" class="btn bg-navy btn-flat margin">.btn.bg-navy.btn-flat</button>
                <button type="button" class="btn bg-orange btn-flat margin">.btn.bg-orange.btn-flat</button>
                <button type="button" class="btn bg-olive btn-flat margin">.btn.bg-olive.btn-flat</button> -->
    </div>
    <!-- /.row -->


    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="padding:10px">

                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">

                    <div class="col-md-12">
                        <!-- Custom Tabs -->
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs">
                                <li><a href="#tab_1" data-toggle="tab">List Of Invoices</a></li>
                                <li><a href="#tab_3" data-toggle="tab">Month End Report</a></li>
                                <li><a href="#tab_4" data-toggle="tab">Merge Tasks</a></li>
                                <li class="active"><a href="#tab_5" data-toggle="tab">Payment(s) Analysis</a></li>
                                <!--<li><a href="#tab_6" data-toggle="tab">Pending Payment</a></li>-->
                                <!--<li><a href="#tab_2" data-toggle="tab">Summary</a></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" id="tab_1">
                                     <form action="{{ route('invoicesearch') }}" method="GET" name="formGet">
                                        {{ csrf_field() }}
                                        
                                           <table>
                                            <tr>
                                                <td>  <b>Task ID::</b> &nbsp;&nbsp;&nbsp;
                                                    <input class="form-control" placeholder="Reservation/Task ID" type="text" name="reservation_id" id="reservation_id" />
                                                </td>
                                                
                                               
                                                
                                                 <td>
                                                       <b>Start Date: </b> <input class="datepicker form-control" placeholder="Pickup Date" type="text" name="reservation_date" id="reservation_date" />
                                                  
                                                 </td>
                                                 
                                                  <td>
                                                      <b> End Date:</b> <input class="datepicker form-control" placeholder="End Date" type="text" name="created_at" id="created_at" />
                                                    
                                                 </td>
                                                 
                                                  <td>
                                                     
                                                      &nbsp;<b>Office</b>
                                                    @if($office)
                                                        <select class="form-control" name="office" id="office">
                                                        <option value="">Select Office</option>
                                                       @foreach($office as $off)
                                                      
                                                       <option value="{{ $off->office_id }}">{{ $off->office_name }} </office>
                                                       @endforeach
                                                       
                                                        </select>
                                                    @endif
                                                 </td>
                                                 
                                                 <td>
                                                      &nbsp;<b>Client</b>
                                                      @if($companies)
                                                        <select class="form-control" name="cid" id="cid" style="width:100px">
                                                         <option value="">Select Client</option>
                                                       @foreach($companies as $ccid)
                                                      
                                                       <option value="{{ $ccid->companies_id }}">{{ $ccid->company_name }} </office>
                                                       @endforeach
                                                       
                                                        </select>
                                                    @endif
                                                 </td>
                                                 
                                                 <td> 
                                                     &nbsp;<b>Status</b>
                                                    <select class="form-control" name="task_status" id="task_status" style="width:100px">
                                                         <option value="">Select Status</option>
                                                         <option value="confirmed">Confirmed</option>
                                                         <option value="submitted">Submitted</option>
                                                         <option value="profoma_sent">Profoma Sent</option>
                                                         <option value="paid">Paid</option>
                                                         <option value="cancelled">Cancelled</option>
                                                     
                                                    </select>
                                                     
                                               
                                                 
                                                </td>
                                                
                                                
                                                 <td>  
                                                     <b>Invoice Number</b> &nbsp;&nbsp;&nbsp;
                                                    <input class="form-control" placeholder="Invoice Number" type="text" name="invoice_id" id="invoice_id" />
                                                </td>
                                                
                                              
                                                    
                                                
                                                 
                                            </tr>
                                            
                                             <tr>
                                                 <td colspan="6">&nbsp;</td>
                                            </tr>
                                            
                                             <tr>
                                                 <td colspan="6"> 
                                                    <button type="submit" class="btn-danger btn-xs">Search</button> 
                                                </td>
                                            </tr>
                                            
                                           </table>
                                        
                                        
                                        <hr/>
                                    </form>   
                                    
                                     @if(isset($invoices))
                                    
                                     <form action="{{ route('putallinvoice') }}" method="GET" name="pushInvoice">
                                    <div class="table-responsive">
                                    <table id="example1" class="table table-bordered table-striped table-responsive table-hover">
                                        <thead>
                                            <tr style="background-color:darkslategray; color:whitesmoke">
                                               
                                                 <th><input type="checkbox"  name="postCheck[]" id="postCheck" /></th>  
                                                 <th>Res ID</th>  
                                                 <th>Reservation Date</th>  
                                                 <th>Invoice Date</th>  
                                                <th>Office</th>  
                                                <th>Company</th>  
                                                <th>Invoice ID</th>  
                                                <th>Reservation Amount</th>
                                                <th>Vat Amount</th>
                                                <th>Amount Invoiced</th>
                                                <th>Amount Paid</th>
                                                <th>Status</th>
                                                <th>View Invoice</th>
                                                <!--<th>Trips</th>
                                                <th>Closed Trips</th>-->
                                                <th style="width:100px">Action</th>  

                                            </tr>

                                        </thead>

                                        <tbody id="icontract_list">

                                           
                                            
                                            @foreach($invoices as $ireserve)