@extends('user.header')
@section('userContent')
  @include('extensions.alerts')


  <div class="content-wrapper" style="min-height: 1019px;">
    <div class="container-full">
      <!-- Content Header (Page header) -->


      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-xl-12 col-lg-12 col-12">
            <div class="box">
              <div class="box-header with-border">
                <h4 class="box-title">Suppliers</h4>
                <a href="{{ route('admin.suppliers.create') }}" class="btn btn-sm btn-bold btn-primary pull-right">+
                  Supplier</a>
              </div>
              <div class="box-body">

                <div class="table-responsive">

                  <div id="example2_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                    <div class="row">
                      <div class="col-sm-12 col-md-6"></div>
                      <div class="col-sm-12 col-md-6"></div>
                    </div>
                    <div class="row">
                      <div class="col-sm-12">
                        <table id="example2" class="table table-lg invoice-archive tr-odd_clr dataTable no-footer"
                          role="grid" aria-describedby="example2_info">
                          <thead>
                            <tr role="row">
                              <th width="2%" class="sorting_asc" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-sort="ascending" aria-label="Sl#: activate to sort column descending">Sl#
                              </th>
                              <th width="18%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Supplier">Supplier</th>
                              <th width="12%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Supplier Address">Supplier Address
                              </th>
                              <th width="15%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Auth Representative">Auth Representative</th>
                              <th width="15%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Registration">Registration
                              </th>
                              <th width="10%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="KYC">KYC</th>
                              <th width="15%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Client Followup: activate to sort column ascending">Bank Details</th>
                              <th width="15%" class="sorting" tabindex="0" aria-controls="example2" rowspan="1"
                                colspan="1" aria-label="Action: activate to sort column ascending">Action</th>
                            </tr>
                          </thead>
                          <tbody>
                            @foreach ($suppliers as $key => $supplier)
                            <tr role="row" class="odd">
                              <td align="left" class="sorting_1">

                                <input type="checkbox" id="md_checkbox_21" class="filled-in chk-col-primary">
                                <label for="md_checkbox_21"></label>

                              </td>

                              <td align="left">

                                <div class="row">
                                  <div class="col-sm-3"> <a class="avatar avatar-md " href="#"
                                      style="margin-top:30px">
                                      <img src="{{ isset($supplier->biz_company_logo) ? asset('copro/public/uploads/supplier') . '/' . $supplier->biz_company_logo : asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                        class="bg-success-light" alt="...">
                                    </a></div>
                                  <div class="col-sm-9" style="padding:0">
                                    <a href="#">{{ $supplier->biz_name }}</a>
                                    <span class="d-block text-muted">{{ $supplier->biz_phone }}</span>
                                    <span class="d-block text-muted">{{ $supplier->biz_email }}</span>
                                    <span class="d-block text-muted">{{ $supplier->biz_type }}</span>
                                    <span class="d-block text-muted">{{ $supplier->featured ? 'Featured' : 'Not Featured' }}</span>
                                    @if($supplier->status === 1)
                                    <span class="d-block text-primary">Enabled</span>
                                    @else
                                    <span class="d-block text-danger">Disabled</span>
                                    @endif
                                    <a href="{{ isset($supplier->biz_website) ? $supplier->biz_website : 'javascript:;' }}" target="_blank" class="badge badge-pill badge-warning">Website</a>
                                  </div>
                                </div>

                              </td>
                              <td align="left">
                                <span class="d-block text-muted">{{ $supplier->biz_company_address }}</span>

                              </td>


                              <td align="left">
                                <div class="row">
                                  <div class="col-sm-3"> <a class="avatar avatar-md " href="#"
                                      style="margin-top:30px">
                                      <img src="{{ isset($supplier->ar_photo) ? asset('copro/public/uploads/supplier') . '/' . $supplier->ar_photo : asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                        class="bg-success-light" alt="...">
                                    </a></div>
                                  <div class="col-sm-9" style="padding:0">
                                    <a href="#">{{ $supplier->ar_name }}</a>
                                    <span class="d-block text-muted">{{ $supplier->ar_phone }}</span>
                                    <span class="d-block text-muted">{{ $supplier->ar_email }}</span>

                                    <span class="d-block text-muted">{{ $supplier->ar_designation }}</span>
                                    <span class="d-block text-muted">{{ $supplier->ar_acc_type }}</span>
                                  </div>
                                </div>


                              </td>

                              <td align="left">
                                <span class="d-block text-muted">Reg With: <br>{{ $supplier->biz_reg_with }}</span>
                                <span class="d-block text-muted">No.: {{ $supplier->biz_reg_no }}</span>
                                <span class="d-block text-muted">Date: {{ (isset($supplier->biz_reg_date)) ? $supplier->biz_reg_date->format('Y-M-d') : '' }}</span>
                              </td>
                              <td align="left" class="text-muted">
                                
                                  <div class="row">
                                    <div class="col-6">
                                      Reg:
                                    </div>
                                    <div class="col-6">
                                      <a href="{{ isset($supplier->biz_reg_document) ? asset('copro/public/uploads/supplier') . '/' . $supplier->biz_reg_document : 'javascript:;' }}" target="_blank"><i class="fa fa-download" title="Download"></i> </a>

                                    </div>
                                  </div>
                                
                                  <div class="row">
                                    <div class="col-6">
                                      GST:   
                                    </div>
                                    <div class="col-6">
                                      <a href="{{ isset($supplier->biz_reg_gst_document) ? asset('copro/public/uploads/supplier') . '/' . $supplier->biz_reg_gst_document : 'javascript:;' }}" target="_blank"><i class="fa fa-download" title="Download"></i> </a>

                                    </div>
                                  </div>
                                
                                  <div class="row">
                                    <div class="col-6">
                                      PAN:   
                                    </div>
                                    <div class="col-6">
                                      <a href="{{ isset($supplier->biz_reg_pan_document) ? asset('copro/public/uploads/supplier') . '/' . $supplier->biz_reg_pan_document : 'javascript:;' }}" target="_blank"><i class="fa fa-download" title="Download"></i> </a>
                                    </div>
                                  </div>
                                
                                  <div class="row">
                                    <div class="col-6">
                                      KYC:   
                                    </div>
                                    <div class="col-6">
                                      <a href="{{ isset($supplier->ar_kyc_document) ? asset('copro/public/uploads/supplier') . '/' . $supplier->ar_kyc_document : 'javascript:;' }}" target="_blank"><i class="fa fa-download" title="Download"></i> </a>
                                    </div>
                                  </div>
                                
                                  <div class="row">
                                    <div class="col-6">
                                      Cheque:   
                                    </div>
                                    <div class="col-6">
                                      <a href="{{ isset($supplier->biz_bank_cancel_cheque) ? asset('copro/public/uploads/supplier') . '/' . $supplier->biz_bank_cancel_cheque : 'javascript:;' }}" target="_blank"><i class="fa fa-download" title="Download"></i></a>
                                    </div>
                                  </div>
                              </td>
                              <td align="left">
                                <span class="d-block text-muted"> Name : {{ $supplier->biz_bank_acc_name }}</span>
                                <span class="d-block text-muted"> Acc No. : {{ $supplier->biz_bank_acc_no }}</span>
                                <span class="d-block text-muted">Type : {{ $supplier->biz_bank_acc_type }} </span>
                                <span class="d-block text-muted">IFSC : {{ $supplier->biz_bank_ifsc_code }} </span>
                              </td>
                              <td>

                                <a href="{{ route('admin.suppliers.edit', $supplier->id) }}" class="waves-effect waves-light btn btn-default btn-flat mb-5 d-block"
                                  style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">
                                  Update</a>
                                <a href="{{ route('admin.supplier.status', [$supplier->id, $supplier->status === 1 ? 0 : 1]) }}" class="waves-effect waves-light btn btn-default btn-flat mb-5"
                                  title="{{ $supplier->status === 1 ? 'Tap to Disable' : 'Tap to Enable' }}"
                                  style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">@if($supplier->status === 1) Enabled @else Disabled @endif</a>
                                <a href="" class="waves-effect waves-light btn btn-default btn-flat mb-5"
                                  style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">Login</a>

                              </td>
                            </tr>
                            @endforeach
                          </tbody>
                        </table>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-sm-12 col-md-5">
                        <div class="dataTables_info" id="example2_info" role="status" aria-live="polite">Showing 1 to 4
                          of 4 entries</div>
                      </div>
                      <div class="col-sm-12 col-md-7">
                        <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
                          <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="example2_previous"><a href="#"
                                aria-controls="example2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="example2"
                                data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
                            <li class="paginate_button page-item next disabled" id="example2_next"><a href="#"
                                aria-controls="example2" data-dt-idx="2" tabindex="0" class="page-link">Next</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>

        </div>
      </section>
      <!-- /.content -->
    </div>
  </div>
@endsection