@extends('admin.master')

@section('title', @trans('Payment'))

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.payment-records.index') }}">@trans('Payment')
                        </a>
                    </li>
                    <li class="breadcrumb-item active">@trans('Payment Record')</li>
                </ol>
            </div>
            <h4 class="page-title">@trans('Payment')</h4>
        </div>
    </div>
</div>
<!-- end page title -->


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <a href="{{ route('admin.payment-records.export_excel') }}" class="btn btn-outline-secondary"><i class="fa-regular fa-file-excel"></i> @trans('Excel')</a>
            </div>
            <div class="card-body">
                <form id="update-pages" action="{{ route('admin.service-register.actions') }}" method="post">
                    @csrf
                </form>
                <table class="table table-striped dt-responsive nowrap w-100">
                    <thead>
                        <tr>
                        <tr class="bluck-actions" style="display: none" scope="row">
                            <td colspan="10">
                                <div class="col-md-12 mt-0 mb-0 text-center">
                                    <button form="update-pages" class="btn btn-danger btn-sm" type="submit" name="delete_all" value="1">
                                        <i class="ri-delete-bin-line"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        <th style="width: 1px">
                            <input form="update-pages" class="checkbox-check flat cursor-pointer" type="checkbox" name="check-all" id="check-all" title="check-all">
                        </th>
                        <th>#</th>
                        <th>@trans('Full name')</th>
                        <th>@trans('email')</th>
                        <th>@trans('phone')</th>
                        <th>@trans('Payment Type')</th>
                        <th>@trans('Price')</th>
                        <th>@trans('Payment Status') </th>
                        <th>@trans('Settings') </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($payments as $item)
                        @php
                        // تحديد النص واللون بناءً على حالة الدفع
                        switch ($item->payment_status) {
                        case 'pending':
                        $statusText = __('Completed');
                        $statusClass = 'text-primary';
                        break;
                        case 'completed':
                        $statusText = __('Pending');
                        $statusClass = 'text-success';
                        break;
                        default:
                        $statusText = __('Failed');
                        $statusClass = 'text-danger';
                        break;
                        }
                        @endphp
                        <tr>
                            <td>
                                <input form="update-pages" class="checkbox-check" type="checkbox" name="record[{{ $item->id }}]" value="{{ $item->id }}">
                            </td>
                            <th scope="row">{{ $loop->index + 1 }}</th>
                            <td>{{ @$item->user->first_name }} {{ @$item->user->last_name }}</td>
                            <td>{{ @$item->user->email }}</td>
                            <td>{{ @$item->user->phone }}</td>
                            <td>{{ $item->payment_type }}</td>
                            <td>{{ $item->price }}</td>
                            <td>
                                @if ($item->payment_status == 'pending')
                                <span class="badge badge-outline-warning">@trans('Pending') </span>
                                @elseif ($item->payment_status == 'completed')
                                <span class="badge badge-outline-success">@trans('Completed')</span>
                                @else
                                <span class="badge badge-outline-danger">@trans('Failed')</span>
                                @endif
                            </td>
                            </td>
                            <td>
                                <div class="dropdown">
                                    <button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                        @trans('Settings')
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

                                        <li>
                                            <a class="dropdown-item {{ $statusClass }} text-center" href="href="{{ route('admin.payment-records.update-status', ['id' => $item->id, 'status' => $item->payment_type]) }}">
                                                {{ $statusText }}
                                            </a>
                                        </li>


                                        <li>
                                            <a class="dropdown-item   text-success text-center" href="{{ route('admin.payment-records.show', $item->id) }}">@trans('Show')
                                            </a>
                                        </li>
                                        <li>
                                            <button class="dropdown-item text-danger text-center" type="button" data-bs-toggle="modal" data-bs-target="#danger-header-modal{{ $item->id }}">
                                                @trans('Delete')
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                                @include('admin.pages.payment._model_delete', ['id' => $item->id])
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center">@trans('No Payments Record found')</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div> <!-- end card body-->
            <div class="card-footer">
                {{ $payments->links('vendor.pagination.bootstrap-5') }}
            </div>
        </div> <!-- end card -->
    </div><!-- end col-->
</div>

@endsection