@extends('user.layouts.app')

@section('content')
@section('title', 'Document List')
<div class="invoice inner-spacer">
          <div class="invoice-head">
            <h4>{{__('language.document_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-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.document')}}" method="POST">
                    @csrf
                    <div class="mb-5">
                      <label for="selectInvoiceNum" class="form-label"
                        >{{ __('language.document_name') }}</label
                      >
                      <input type="text" name="doc_name" class="form-control">
                    </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"
                          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"
                          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 class="offcanvas-footer text-end mb-3 pe-4">
                  <button type="button" class="btn btn-clear me-4">
                  {{__('language.clear_all')}}
                  </button>
                  <button type="submit" class="btn btn-lg btn-apply">
                  {{__('language.apply')}}
                  </button>
                </div> --}}
              </div>
            </div>
            <!-- Invoice filter offcanvas:begin -->
          </div>

          <div class="invoice-inner">
            <div class="row">
              <div class="col-12">
                <div class="table-responsive">
                  <table
                    id="myTableDocs"
                    class="table table-striped view-table"
                    style="width: 100%"
                  >
                    <thead>
                      <tr>
                        <th>{{ __('language.serial_number') }}</th>
                        <th>{{ __('language.document_name') }}</th>
                        <th>{{ __('language.client_name') }}</th>
                        <th>{{__('language.date_of_sent')}}</th>
                        <th>{{__('language.branch')}}</th>
                        <th>{{__('language.doc_type')}}</th>
                        <th class="text-center">{{__('language.document')}}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @php
                        $i=0;
                      @endphp
                      @foreach ($document as $document_data)
                      @php
                        $i=$i+1;
                      @endphp
                      <tr>
                        <td class="view-table-srno" data-label="Sr No">{{$i}}</td>
                        <td
                          class="view-table-docnum"
                          data-label="Document number"
                        >
                        {{$document_data->name}}
                        </td>
                        <td
                          class="view-table-docnum"
                          data-label="Document number"
                        >
                        {{$document_data->ShopCompany}}
                        </td>
                        <td
                          class="view-table-datesent"
                          data-label="Date of sent"
                        >
                        {{date('d-m-Y',strtotime($document_data->created_at))}}
                        </td>
                        <td class="view-table-branch" data-label="Branch">
                          {{$document_data['ShopName']}}
                        </td>
                        <td class="view-table-doctype" data-label="Doc Type">
                          @if ($document_data->doc_type=='0')
                              {{"Contract Document"}}
                          @endif
                          @if ($document_data->doc_type=='1')
                              {{"Price List"}}
                          @endif
                        </td>

                        <td class="view-table-docs" data-label="Document">
                          <a href="{{ route('user.download', $document_data->id) }}">
                            <img
                              src="{{asset('user/images/pdf.svg')}}"
                              alt="excel"
                              class="img-fluid"
                            />
                          </a>
                        </td>
                       
                      </tr>
                      @endforeach
                    </tbody>
                  </table>
                  {{ $document->links('pagination::bootstrap-4') }}
                </div>
              </div>
            </div>
          </div>
        </div>
@endsection