@extends('layouts.app')
@section('PageHeading', 'Dashboard')
@section('content')
@section('sidebar', 'true')
@php
 session()->forget('studio_create');
@endphp
<div class="container_fluid">
    <div class="box_content">
        <div class="box_overlayout">
            <div class="box_innerlayout">
                <div class="box-modal-new">
                    @include('dashboard.barchart', ['chartDatas' => $chartDatas])

                </div>
                <div class="box-modal-new">
                    <div class="box-modal-new-head">
                        <h2>Billing Information</h2>
                        <div class="d-flex gap-3">
                            <div class="filter-search">
                                <input type="text" name="search" id="billing-search" class="form-control"
                                    placeholder="Search..." autocomplete="off">
                            </div>
                            <!-- <div class="dropdown cust-dropdown-new">
                                <button class="btn-theme dark dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    Cancellation Form
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">Cancellation Form</a></li>
                                    <li><a class="dropdown-item" href="#">Cancellation Form</a></li>
                                    <li><a class="dropdown-item" href="#">Cancellation Form</a></li>
                                </ul>
                            </div> -->
                            <!-- <a href="javascript:void(0)" class="btn-theme dark">View Form Library</a> -->
                        </div>
                    </div>
                    <div class="box-modal-new-cont">
                        <div class="table-responsive">
                            <table summary="Invoice List" class="table-theme" id="invoice-table">
                                <thead id="invoiceListHeader">
                                    <tr id="invoiceListHeaderCol">
                                        <th scope="col">Studio Name</th>
                                        <th scope="col">Type of Plan</th>
                                        <th scope="col">Payment Method</th>
                                        <th scope="col">Expiry</th>
                                        <th scope="col">Alerts</th>
                                        <th scope="col">Last Billed</th>
                                    </tr>
                                </thead>
                                @if (isset($transactions) && !$transactions->isEmpty())
                                    <tbody id="invoiceListBody">
                                        @foreach ($transactions as $trans)
                                            @php
                                                if (empty($trans->studio) || empty($trans->plan)) {
                                                    continue;
                                                }
                                            @endphp
                                            <tr id="invoiceListRow{{ $trans->id }}">
                                                <td><strong>{{ $trans->studio->name }}</strong></td>
                                                <td>{{ $trans->plan->name }}</td>
                                                <td>Visa ending in {{ $trans->card->card_last4 }}</td>
                                                <td> {{  date('m', strtotime($trans->card->exp_month))
                                                }}/{{ $trans->card->exp_year }}</td>
                                                <td>
                                                    @if ($trans->payment_status == 'failed')
                                                        <div class="cust-status cust-status-failed"> Failed </div>
                                                    @elseif($trans->payment_status == 'success')
                                                        <div class="cust-status"> Payment Processed </div>
                                                    @else
                                                        @php
                                                            $expiryDate = DateTime::createFromFormat('Y-m-d', $trans->card->exp_year . '-' . str_pad($trans->card->exp_month, 2, '0', STR_PAD_LEFT) . '-01');
                                                            $expired = new DateTime() > $expiryDate;
                                                            echo $expired ? 'Card expired' : '';
                                                        @endphp
                                                    @endif
                                                </td>
                                                <td> {{ date('d M Y', strtotime($trans->payment_date)) }}
                                                </td>

                                            </tr>
                                        @endforeach

                                    </tbody>
                                @else
                                    {{-- @include('includes.no_results', ['noResultText' => 'No Record Found']) --}}
                                @endif
                            </table>
                            
                        </div>
                    </div>
                   
                </div>
                {{ $transactions->links() }}
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
            $('#billing-search').on('keyup', function () {
                var value = $(this).val().toLowerCase();
                $('#invoice-table tbody tr').filter(function () {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
                });
            });
        });
</script>
@endsection