@extends('layouts.main')

@section('head')

<meta charset="utf-8">
<title>Total Store Items</title>
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta content="" name="author">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- App favicon -->

@endsection

@section('otherCss')
@endsection

@section('contents')

<div class="container-fluid">
    <!-- Page-Title -->
    <x-bread-crumbs>
        <div class="float-right">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0);">Consumers</a></li>
                <li class="breadcrumb-item active">Total</li>
            </ol>
        </div>
        <h4 class="page-title">Consumer Management</h4>
    </x-bread-crumbs>

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-9">
                            <h4 class="mt-0 header-title">Total Consumers</h4>
                            <p class="text-muted mb-3">Add & Edit Consumers</p>
                        </div>
                        {{-- @if(auth()->user()->type == 1)
                        <div class="col-md-3">
                            <button class="btn btn-gradient-primary px-5 py-2" id="add-items-button">Add New Items</button>
                        </div>
                        @endif --}}
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th class="" style="width: 40%">Name</th>
                                    <th>PPA Upload Date</th>
                                    <th>PPA</th>
                                    <th>Aadhaar</th>
                                    <th>Bank Details</th>
                                    <th>Approved</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="total-consumers-tbody">
                                @foreach($consumers as $key => $consumer)
                                <tr class="consumers-tr" data-consumer-id="{{ $consumer->id }}">
                                    <td>
                                        <a href="{{ route('admin.consumer.profile', $consumer->id) }}" class="text-dark">
                                            <img src="{{ asset(env('CONSUMER_PROFILE').'/default.png') }}" alt="" class="thumb-sm mr-1"> 
                                            {{ $consumer->name }}
                                        </a>
                                    </td>
                                    <td>{{ $consumer->created_at->format('d-m-Y') }}</td>
                                    <td>
                                        @if($consumer->ppaUploads && $consumer->ppaUploads->ppa_agreement != null)
                                        <a href="{{ asset(env('CONSUMER_PPA').'/'.$consumer->ppaUploads->ppa_agreement) }}" target="_blank">
                                            <image src="{{ asset('assets/images/checkmark.png') }}" class="thumb-xs rounded-circle" />
                                        </a>
                                        @else
                                        <image src='{{ asset('assets/images/delete.png') }}' class="thumb-xs rounded-circle" />
                                        @endif
                                    </td>
                                    <td>
                                        @if($consumer->ppaUploads && $consumer->ppaUploads->aadhaar != null)
                                        <a href="{{ asset(env('CONSUMER_AADHAAR').'/'.$consumer->ppaUploads->aadhaar) }}" target="_blank">
                                            <image src="{{ asset('assets/images/checkmark.png') }}" class="thumb-xs rounded-circle" />
                                        </a>
                                        @else
                                        <image src='{{ asset('assets/images/delete.png') }}' class="thumb-xs rounded-circle" />
                                        @endif
                                    </td>
                                    <td>
                                        @if($consumer->ppaUploads && $consumer->ppaUploads->bank_details != null)
                                        <a href="{{ asset(env('CONSUMER_BANK').'/'.$consumer->ppaUploads->bank_details) }}" target="_blank">
                                            <image src="{{ asset('assets/images/checkmark.png') }}" class="thumb-xs rounded-circle" />
                                        </a>
                                        @else
                                        <image src='{{ asset('assets/images/delete.png') }}' class="thumb-xs rounded-circle" />
                                        @endif
                                    </td>
                                    <td>
                                        @if(isset($consumer->ppaUploads))

                                            @if($consumer->ppaUploads->status == "approved")
                                            <image src="{{ asset('assets/images/checkmark.png') }}" class="thumb-xs" />
                                            @elseif($consumer->ppaUploads->status == "reject")
                                            <image src='{{ asset('assets/images/delete.png') }}' class="thumb-xs" />
                                            @else
                                            <image src='{{ asset('assets/images/pending.png') }}' class="thumb-xs" title="Approval Pending" />
                                            @endif
                                        @else
                                        <image src='{{ asset('assets/images/empty.png') }}' class="thumb-xs" alt="Upload Pending" title="Upload Pending" />
                                        @endif
                                    </td>
                                    <td data-consumer-id="{{ $consumer->id }}">
                                        <a href="javascript:void(0)" class="mr-2 edit-consumer">
                                            <i class="fas fa-edit text-info font-16"></i>
                                        </a>
                                        <a href="javascript:void(0)" class="delete-consumer">
                                            <i class="fas fa-trash-alt text-danger font-16"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <br>
                    {!! $consumers->links() !!}
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

{{-- @section('modals')
@if(auth()->user()->type == 1)
@include('main.items.partials._addEditItemsModal')
@endif
@endsection --}}

@section('otherJs')
<script src="{{ asset('plugins/parsleyjs/parsley.min.js') }}"></script>
@endsection