@extends('frontend.app')
<!-- Main Container  -->
@section('content')

<div class="position-relative">
	<div id="carouselExampleIndicators" class="carousel slide" data-pause="false"  data-ride="carousel"> 
        <div class="carousel-inner">
            <div class="carousel-item active innerHeaderimg">
                <img src="/assets/frontend/images/inner-about.jpg"  />
                <div class="carousel-caption innertopHEadcaption">						
                    <div class="container">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="capbg">
                                    <p>Home <i class="fa fa-angle-right mx-2"></i> Customer Zone <i class="fa fa-angle-right mx-2"></i> Billing History</p>
                                    <div class="heading-seperator innerseperatorspace"><span></span></div>
                                    <h4>Billing History</h4>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
         </div> 
    </div>
</div>
 
   
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-12 py-3">
                <div class="innerabout-content">
                    <a href="/user" class="mb-4 text-theme d-block fw-bold">
                        <i class="fa fa-angle-double-left"></i> Back to Dashboard
                    </a>
                    <p class="f-22 fw-bold mb-1">Search Your Previous Bill</p>
                    <p class="f-14 mb-4">
                        <span class="text-danger">*</span>
                        You can filter your Bill History using below search options.
                    </p>
                    <form method="get">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="fw-bold">From Date <span class="text-danger">*</span></label>
                                    <div class="login-form"> 
                                        <input type="date" name="previous_date" value="{{($previousDate) ? date('Y-m-d', strtotime($previousDate)) : ''}}" class="form-control" placeholder="Enter previous date">  
                                        <i class="fa fa-calendar"></i>
                                        {!! $errors->first('previous_date', '<label class="control-label"  for="previous_date">:message</label>')!!}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="fw-bold">To Date <span class="text-danger">*</span></label>
                                    <div class="login-form"> 
                                        <input type="date" name="current_date" value="{{($currentDate) ? date('Y-m-d', strtotime($currentDate)) : ''}}" class="form-control" placeholder="Enter current date">  
                                        <i class="fa fa-calendar"></i>
                                        {!! $errors->first('current_date', '<label class="control-label"  for="current_date">:message</label>')!!}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2 mb-3">
                                <label>&nbsp;</label><br>
                                <button type="submit" class="btn btn-primary px-5">Filter</button>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Bill date</th>
                                    <th>Bill number</th>											
                                    <th>Bill period</th>
                                    <th>Bill amount</th>											
                                    <th>Due date</th>
                                    <th>Status</th>
                                    <th>Download</th>
                                </tr> 
                            </thead>
                            <tbody>
                                @foreach($previousBills as $key => $pb)
                                    <tr>
                                        <td>
                                            {{ $key+1 }}
                                        </td>
                                        <td>
                                            {{date('d-m-Y', strtotime($pb->document_date))}}
                                        </td>
                                        <td>
                                            {{$pb->bill_number}}
                                        </td>
                                        <td>
                                            {{date('d-m-Y', strtotime($pb->pevious_date))}} to {{date('d-m-Y', strtotime($pb->current_date))}}
                                        </td>
                                        <td>
                                            <i class="fa fa-rupee"></i> {{$pb->total_invoice_amount}} /-
                                        </td>											
                                        <td>
                                            {{date('d-m-Y', strtotime($pb->due_date))}}
                                        </td> 										
                                        <td class="text-center">
                                            @if($pb->historyDetails)
                                                {!! ($pb->historyDetails->payment_status == 'Paid' || $pb->historyDetails->payment_status == 'Partially-Paid')? '<label class="badge badge-success">'.$pb->historyDetails->payment_status.'</label>' : '' !!}
                                            @else
                                            {!! $pb->orderDetails 
                                                &&
                                                ($pb->orderDetails->payment_status == 'paid' || $pb->orderDetails->payment_status == 'partial-paid') 
                                                ?
                                                    '<label class="badge badge-success">'.$pb->orderDetails->payment_status.'</label>' 
                                                : 
                                                    ($pb->balance() <= 0 
                                                    ? 
                                                        '<label class="badge badge-success">already paid</label>' 
                                                    : 
                                                        '<label class="badge badge-danger">unpaid</label>'
                                                    ) 
                                            !!}
                                            @endif

                                        </td> 
                                        <td class="text-center">
                                            <a href="/bill-format/pdf?id={{ base64_encode($pb->id) }}&bill_number={{ $pb->bill_number }}&meter_number={{ $pb->meter_reading_number }}" target="_new" class="pdf-hover">
                                                <i class="fa fa-file-pdf-o text-theme f-22"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> 
    </div>
 </section>

@endsection 

@section('styles')
    
@endsection 

@section('scripts') 
	@parent
	
@endsection