@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('inv::invoice.All customer Invoice List'))


@section('content')

<section id="ps-list-content">
<div class="ps-list-content-wrapper">
	<div class="breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('inv::invoice.home') }}</a></li>
  <li><a href="{{ route('new-invoice')}}" class="bread-link">{{ __('inv::invoice.create') }}</a></li>
  <li>{{ __('inv::invoice.all invoices') }}</li>
</ul>
</div>
	</div>

    <div class="filter-container">
        <div class="container">
            <form class="filter-form">
                <div class="row g-3">
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="mb-3">
                            <label for="custom" class="form-label">{{ __('inv::invoice.custom') }}</label>
                            <select name="period" id="period" class="form-select">
                                <option value="">-- {{ __('acc::account.Select') }} --</option>
                                @if(count (filter()) > 0)
                                    @foreach(filter() as $filter)
                                        <option value="{{ $filter['value'] }}" @selected(($filter['value']) == $filter_type )>{{ __('inv::invoice.'.$filter['title']) }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="mb-3">
                            <label for="from" class="form-label">{{ __('inv::invoice.From') }}</label>
                            <input type="date" name="start_date" id="start_date" class="form-control"  value="{{ $start_from }}" disabled>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="mb-3">
                            <label for="to" class="form-label">{{ __('inv::invoice.To') }}</label>
                            <input type="date" name="end_date" id="end_date" class="form-control" value="{{ $stop }}" disabled>
                        </div>
                    </div>
                </div>
                <button class="btn" id="apply-filter-btn" type="btn" data-url="{{ route('filter-invoice') }}">{{ __('inv::invoice.Search') }}</button>
            </form>
        </div>
        <button class="btn close" id="close-filter-btn" type="button"><i class="fa-solid fa-times"></i></button>
    </div>

    <div class="header-btn-wrapper">
        <ul class="wrapper-menu">
            <li class="item">
                <button class="btn filter-show-btn" id="filter-container-button">
                    <span class="me-1"><i class="fa-solid fa-filter"></i></span>
                    {{ __('inv::invoice.Filter') }}
                </button>
            </li>
            @if(admin()->can('export-invoice'))
            <li class="item dropdown">
                <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="me-1"><i class="fa-solid fa-file-export"></i></span>
                    {{ __('inv::invoice.export') }}
                </button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="{{ route('export-invoice',['type' => 'csv']) }}">
                            <span class="icon"><i class="fa-solid fa-file-csv"></i></span>CSV
                        </a>
                    </li>
                    <li><a class="dropdown-item" href="{{ route('export-invoice',['type' => 'xlsx']) }}">
                            <span class="icon"><i class="fa-solid fa-file-excel"></i></span>Excel
                        </a>
                    </li>
                    <li><a class="dropdown-item" href="{{ route('export-invoice',['type' => 'pdf']) }}" target="_blank">
                            <span class="icon"><i class="fa-solid fa-file-pdf"></i></span>PDF
                        </a>
                    </li>
                </ul>
            </li>
            @endif
            <li class="item">
                <a class="btn" href="{{ route('list_invoice') }}">
                    <span class="me-1"><i class="fa-solid fa-rotate-right"></i></span>
                    {{ __('inv::invoice.reload') }}
                </a>
            </li>
        </ul>
    </div>

<div class="ps-list-wrapper">
	<div class="table-responsive">
	<table id="list-table" class="table list-table table-striped table-hover table-bordered">
        <thead>
        <tr>
            <th>#ID</th>
       <th scope="col" width="10%">{{__('inv::invoice.date')}}</th>
      <th scope="col">{{__('inv::invoice.invoice')}}</th>
      <th scope="col">{{__('inv::invoice.customer name')}}</th>
      <th scope="col">{{__('inv::invoice.customer po')}}</th>
      <th scope="col">{{__('inv::invoice.staff')}}</th>
      <th scope="col">{{__('inv::invoice.amount')}}</th>
      <th scope="col">{{__('inv::invoice.due')}}</th>
      <th scope="col">{{__('inv::invoice.status')}}</th>
      <th scope="col">{{__('inv::invoice.action')}}</th>
          </tr>
        </thead>
        <tbody>
       @if(count($invoice) > 0)
           @foreach($invoice as $inv)

               <tr>
                   <td>{{ $loop->iteration }}</td>
                   <td>{{ date(AdminBaseDashboard::format_date(), strtotime($inv->date)) }}</td>
                   <td>{{$inv->invoice_number}}</td>
                   <td>{{ $inv->invoice_customer->customer_name }}</td>
                   <td>{{ $inv->invoice_customer->mobile }} </td>
                   <td> {{ $inv->clerk->Name }}</td>
                   <td>{{ Invoice::format_payment($inv->invoice_payment->totalaftertax) }}</td>
                   <td>{{ Invoice::format_payment($inv->invoice_payment->amount_due) }} </td>
                   <td>
                       <span class="payment-status {{ Invoice::status_type($inv->status)['color'] }}">{{ Invoice::status_type($inv->status)['title'] }}</span>
                   </td>
                   		<td>
                   			<a href="{{ route('view-invoice', ['id' => $inv->id, 'inv_no' => $inv->invoice_number])}}" class="btn edit-btn"><i class="fas fa-eye"></i></a>
        		  </td>
               </tr>
               @endforeach
           @endif
        </tbody>
	</table>
	</div>
  </div>

</section>

@endsection

@section('javascript')
<script>
$(document).ready(function(){
	$(document).on('change', '#period', function(){
	var val = $(this).val();
	if(val == 'custom'){
		$('#start_date').prop('disabled', false);
		$('#end_date').prop('disabled', false);
	}else{
		$('#start_date').prop('disabled', true);
		$('#end_date').prop('disabled', true);
	}
});
});
</script>
@endsection