@extends('user.layouts.app')

@section('content')
@section('title', 'Invoices List')
<div class="invoice inner-spacer">
          <div class="invoice-head">
            <h4>{{__('language.invoice_list')}}</h4>
            <div class="filter-block">
              <button
                class="btn filter-block--btn"
                type="button"
                data-bs-toggle="offcanvas"
                data-bs-target="#offcanvasRightFilter"
                aria-controls="offcanvasRightFilter"
              >
                <div>
                  <img
                    src="{{asset('user/icons/filter.svg')}}"
                    alt="filter"
                    class="img-fluid"
                  />
                </div>

                <span> {{ __('language.filters') }} </span>
              </button>
              <!-- Invoice filter offcanvas:begin -->
              <div
                class="offcanvas offcanvas-end"
                tabindex="-1"
                id="offcanvasRightFilter"
                aria-labelledby="offcanvasRightFilterLabel"
              >
                <!-- <div
                class="offcanvas offcanvas-end show"
                tabindex="-1"
                id="offcanvasRightFilter"
                aria-labelledby="offcanvasRightFilterLabel"
                style="visibility: visible"
                aria-modal="true"
                role="dialog"
              > -->
                <div class="offcanvas-header">
                  <h5 id="offcanvasRightFilterLabel">{{ __('language.filters') }}</h5>
                  <button
                    type="button"
                    class="btn-close text-reset"
                    data-bs-dismiss="offcanvas"
                    aria-label="Close"
                  ></button>
                </div>

                <div class="offcanvas-body">
                  <form action="{{route('user.invoice')}}" method="POST">
                    @csrf
                    <div class="mb-5">
                      <label for="selectInvoiceNum" class="form-label"
                        >{{ __('language.invoice_id') }}</label
                      >

                      <input type="text" name="invoice_id" id="invoice_id" class="form-control" placeholder="{{ __('language.invoice_id') }}">
                    </div>
                    <div class="mb-5">
                      <label for="selectInvoiceDate" class="form-label"
                        >{{__('language.date')}}
                      </label>
                      <!-- <input type="date" name="invoice-date" id="invoiceDate" /> -->

                      <div class="input-group date mb-4" id="startDate">
                        <span class="input-group-addon input-group-text">
                          <img src="{{asset('user/icons/calendar-check.svg')}}" alt="Calender" />
                        </span>
                        <input
                          type="date"
                          class="form-control" id="startdate"
                          name="startdate"
                          placeholder="From date"
                        />
                      </div>

                      <div class="input-group date mb-4" id="toDate">
                        <span class="input-group-addon input-group-text">
                          <img src="{{asset('user/icons/calendar-check.svg')}}" alt="Calender" />
                        </span>
                        <input
                          type="date"
                          class="form-control" id="enddate"
                          name="enddate"
                          placeholder="To date"
                        />
                      </div>
                    </div>
                    <div class="mb-4">
                      <label for="selectInvoiceBranch" class="form-label"
                        >{{__('language.branch')}}</label
                      >
                      <select
                        class="form-select form-select-lg" name="branch" id="branch"
                        aria-label="form-select-lg selectInvoiceBranch"
                      >
                        <option selected>{{__('language.select')}}</option>
                        @foreach($branches as $branch_data)
                        <option value="{{$branch_data['id']}}">{{$branch_data['ShopName']}}</option>
                        @endforeach
                        <!-- <option value="2">Two</option>
                        <option value="3">Three</option> -->
                      </select>
                    </div>
                    <div class="offcanvas-footer text-end mb-3 pe-4">
                  <button type="button" onclick="clearDataTablesFilters()" class="btn btn-clear me-4">
                    {{__('language.clear_all')}}
                  </button>
                  <button type="submit" class="btn btn-lg btn-apply">
                  {{__('language.apply')}}
                  </button>
                </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- Invoice filter offcanvas:begin -->
          </div>

          <div class="invoice-inner">
            <div class="row">
              <div class="col-12"></div>
            </div>
            <div class="table-responsive">
              <table
                id="myTableInvoice"
                class="table table-striped view-table"
                style="width: 100%"
              >
                <thead>
                  <tr>
                    <th>{{__('language.serial_number')}}</th>
                    <th>{{ __('language.invoice_id') }}</th>
                    <th>{{ __('language.date') }}</th>
                    <th>{{ __('language.type_of_generation') }}</th>
                    <th>{{__('language.branch')}}</th>
                    <th>{{ __('language.price') }}</th>
                    <th class="text-center">{{__('language.invoice')}}</th>
                    <th class="text-center">{{__('language.proof')}}</th>
                  </tr>
                </thead>
                <tbody>
                                        @foreach($query as $data)
                                      <tr>
                    <td class="view-table-srno" data-label="Sr No">{{$i}}</td>
                    <td
                      class="view-table-invoiceno" id="invoice_no"
                      data-label="Invoice number"
                    >
                      {{$data->invoice_no}}
                    </td>
                    <td
                      class="view-table-dateinvoice"
                      data-label="Date of invoice"
                    >
                     {{date('d-m-Y',strtotime($data->InvoiceDate))}}
                    </td>
                    <td
                      class="view-table-typegen"
                      data-label="Type of Generation"
                    >
                      @if($data->type=='0')
                        {{'Weekly'}}
                      @endif
                      @if($data->type=='1')
                      {{'Monthly'}}
                      @endif
                    </td>
                    <td class="view-table-branch" data-label="Branch">
                      {{$data->branch_name}}
                    </td>
                    <td
                      class="view-table-invoiceamt"
                      data-label="Invoice amount"
                    >
                      {{numberFormat($data->total_amount)}}
                    </td>
                    <td class="view-table-invoice" data-label="Invoice">
                      <a href="{{ route('user.download-pdf.pdf',$data->id) }}">
                        <img
                          src="{{asset('user/images/pdf.svg')}}"
                          alt="excel"
                          class="img-fluid"
                        />
                      </a>
                    </td>
                    <td class="view-table-proof" data-label="Proof">
                      <!-- <a href="{{route('user.export-csv',$data->id)}}"> -->
                      <a href="{{ route('user.work.proof', $data->id) }}">
                        <img
                          src="{{asset('user/images/excel.svg')}}"
                          alt="excel"
                          class="img-fluid"
                        />
                      </a>
                    </td>
                  </tr>

                    @endforeach
                </tbody>
              </table>
              {{ $query->links('pagination::bootstrap-4') }}

            </div>
          </div>
        </div>
@endsection