@extends('admin.layouts.admin-master')
@section('page-title')
    {{__('Transaction Logs')}}
@endsection
@section('content')
    <div class="dashboard__inner__item dashboard__card bg__white padding-20 radius-10 margin-30">
        <div class="dashboard__card__header d-flex justify-content-between mb-2">
            <h4 class="dashboard__card__header__title">Transaction Logs</h4>
        </div>
        <div class="search-wrapper mt-4">
            <div>
                <form action="{{route('transaction-log.index')}}" method="get" class="inner-search-wrapper" id="search_form">
                    <div class="form-group">
                        <label for="#">To date</label>
                        <input type="date"  name="date_to"  value="{{$date_to}}">
                    </div>
                    <div class="form-group">
                        <label for="#">From date</label>
                        <input type="date" name="date_from" value="{{$date_from}}">
                    </div>
                    <div class="form-group">
                        <label for="#">Filter by status</label>
                        <select name="status" class="form-control">
                            <option value="">-----</option>
                            <option @selected($status === 'succeeded') value="succeeded">Succeeded</option>
                            <option @selected($status === 'failed') value="failed">Failed</option>
                            <option @selected($status === 'pending') value="pending">Pending</option>
                            <option @selected($status === 'refunded') value="refunded">Refunded</option>
                            <option @selected($status === 'canceled') value="canceled">Canceled</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="#">Filter by type</label>
                        <select name="type" class="form-control">
                            <option value="">------</option>
                            <option  @selected($type === 'charge') value="charge">Charge</option>
                            <option  @selected($type === 'payment') value="payment">Payment</option>
                            <option  @selected($type === 'invoice') value="invoice">Invoice</option>
                            <option  @selected($type === 'refund') value="refund">Refund</option>
                            <option  @selected($type === 'payout') value="payout">Payout</option>
                            <option  @selected($type === 'transfer') value="transfer">Transfer</option>
                        </select>
                    </div>
                </form>
            </div>
        </div>
        <div class="mt-4 mb-4">
            <x-admin.flash-msg.error />
            <x-admin.flash-msg.msg />
        </div>
        <div class="tableStyle_one mt-4">
            <div class="table_wrapper">
                <table>
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Tenant</th>
                        <th>Type</th>
                        <th>Amount</th>
                        <th>Status</th>
                        <th>Date</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($all_data as $data)
                        <tr>
                            <td>{{$data->id}}</td>
                            <td>
                               {{$data->tenant_id}}
                            </td>
                            <td>
                                {{$data->transaction_type}}
                            </td>
                            <td>${{$data->amount}}</td>
                            <td>
                                @if($data->status === 'success')
                                <span class="text-white rounded-3 px-2 text-bg-success">{{$data->status}}</span>
                                @elseif($data->status === 'updated')
                                    <span class="text-black rounded-3 px-2 text-bg-warning">{{$data->status}}</span>
                                @elseif(in_array($data->status,['deleted','failed']))
                                    <span class="text-black rounded-3 px-2 text-bg-danger">{{$data->status}}</span>
                                @endif
                            </td>
                            <td>{{$data->created_at->format('D, d M, Y h:i:sA')}}</td>
                            <td>

                                <div class="dropdown custom__dropdown">
                                    <button class="dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="las la-ellipsis-h"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                                        <li>
                                            <a class="dropdown-item"
                                               href="{{route('transaction-log.show',$data->id)}}">
                                                View Details
                                            </a>
                                        </li>
                                        <li>
                                            <x-admin.delete-popover
                                                url="{{route('transaction-log.destroy',$data->id)}}"/>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5">not data found</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="pagination">
            {!! $all_data->links() !!}
        </div>
    </div>


@endsection
@section('scripts')
    <script>
        (function ($){
            "use strict";
            $(document).on('change input','#search_form input[name="date_to"],#search_form input[name="date_from"],#search_form select[name="status"],#search_form select[name="type"]',function (e){
                e.preventDefault();
                $('#search_form').trigger("submit");
            });

        })(jQuery);
    </script>
@endsection