@extends('crm.layouts.master')
@section('title','Pending Deposits')
@section('page-css')
    <link rel="stylesheet" href="{{ asset('assets/styles/vendor/datatables.min.css') }}">
@endsection
@section('main-content')
    <div class="breadcrumb">
        <h3>Pending Deposits</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="row">
        <div class="col-md-12 mb-4">
            <div class="card text-left">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display table table-bordered" id="deafult_ordering_table" style="width:100%">
                            <thead>
                            <tr>
                                <th>ID#</th>
                                <th>Agent Info</th>
                                <th>Lead Info</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Action Date</th>
                                <th>Create Date</th>
                                @if((Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager'))
                                    <th>Action</th>
                                @endif
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($transactions as $tran)
                                <tr>
                                    <td>{{$tran->id}}</td>
                                    <td class="fw-bold"><a href="{{route('user_detail',['id'=>$tran->user->id ?? ''])}}">{{$tran->user->name ?? ''}}</a></td>
                                    <td><a class="fw-bold" href="{{route('lead_detail',['id'=>$tran->lead->id ?? ''])}}">{{$tran->lead->fname ?? ''}}</a></td>
                                    <td>{{$tran->amount}}</td>
                                    <td>
                                        @if($tran->status == 0)
                                            <span class="badge-pill badge bg-primary">Pending</span>
                                        @else
                                            <span class="badge-pill badge bg-success">Approved</span>
                                        @endif

                                    </td>
                                    <td>{{$tran->action_date}}</td>
                                    <td>{{$tran->create_date}}</td>

                                    @if((Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager') && ($tran->status == 0) )
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn btn-secondary dropdown-toggle border-0" type="button" id="dropdownMenuButton{{$tran->id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Actions
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton{{$tran->id}}">

                                                    @if((Auth::user()->access_level == 'Admin' || Auth::user()->access_level == 'Office Manager') && ($tran->status == 0) )
                                                        <a class="dropdown-item" title="Approve deposit" id="approve_transaction_btn{{$tran->id}}" onclick="approveTransaction(`{{$tran->id}}`)">Approve</a>
                                                    @endif
                                                    @if($userAccess->can_add_lead_transaction == 'Yes')
                                                        <a class="dropdown-item d-none"  title="Delete deposit" id="delete_transaction_btn{{$tran->id}}" onclick="deleteTransaction(`{{$tran->id}}`)">Delete</a>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                    @endif
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page-js')
    <script src="{{ asset('assets/js/vendor/datatables.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            // ordering or sorting
            $('#deafult_ordering_table').DataTable({
                "order": [
                    [1, "ASC"]
                ]
            });
        });

    </script>
@endsection