@extends('backend.layouts.app')
@section('content')
    @include('backend.customer_amount_deposite.search')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-6 card-title"><h4>{{$page_title}}</h4></div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Staff</th>
                                        <th class="text-center">User</th>
                                        <th class="text-center">Amount</th>
                                        <th class="text-center">Type</th>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($customer_amount_deposites as $key=> $customer_amount_deposite)
                                        <tr>
                                            <td class="text-center">{{($key+1) + ($customer_amount_deposites->currentPage() - 1)*$customer_amount_deposites->perPage()}}</td>
                                            <td>
                                                <b>Name: </b>{{$customer_amount_deposite->staff->name}} <br>
                                                <b>User Id: </b>{{$customer_amount_deposite->staff->user_id}} <br>
                                                <b>Phone: </b>{{$customer_amount_deposite->staff->phone}} <br>
                                                <b>Address: </b>{{$customer_amount_deposite->staff->userDetail?->village?->name}},
                                                {{$customer_amount_deposite->staff->userDetail?->gramPanchayat?->name}},
                                                {{$customer_amount_deposite->staff->userDetail?->block?->name}}, <br>
                                                {{$customer_amount_deposite->staff->userDetail?->district?->name}},
                                                {{$customer_amount_deposite->staff->userDetail?->state?->name}},
                                                {{$customer_amount_deposite->staff->userDetail?->country?->name}}
                                            </td>
                                            <td class="text-center">{{$customer_amount_deposite->customer->user->name}}</td>
                                            <td class="text-center">₹ {{$customer_amount_deposite->amount}}</td>
                                            <td class="text-center">{{ucwords(str_replace('_', ' ', $customer_amount_deposite->type))}}</td>
                                            <td class="text-center">{{$customer_amount_deposite->created_at}}</td>
                                            <td class="text-center">
                                                @if($customer_amount_deposite->status == 'pending')
                                                <form action="{{route('customer.amount.deposite.status',$customer_amount_deposite->id)}}" method="POST" id="status_form_{{$customer_amount_deposite->id}}">
                                                    @csrf
                                                    <select name="status" id="status_{{$customer_amount_deposite->id}}" class="form-control" onchange="$('#status_form_{{$customer_amount_deposite->id}}').submit()">
                                                        <option value="pending" selected>Pending</option>
                                                        <option value="success">Success</option>
                                                        <option value="cancel">Cancel</option>
                                                    </select>
                                                </form>
                                                @else
                                                    {{ucfirst($customer_amount_deposite->status)}}
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center text-danger">
                                                <i class="link-icon" data-feather="frown" style="width: 50px; height:50px;"></i><br>
                                                Opps!! There Are No Data Found..
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div class="mt-2">
                                {{ $customer_amount_deposites->appends(['search_staff'=>$search_staff,'search_user'=>$search_user,'search_status'=>$search_status])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection