@extends('admin.layout.app')
@section('title', 'Payment Services')
@section('content')
    <div class="content container-fluid">
        <div class="page-header">
            <div class="row align-items-center">
                <div class="col-sm-12">
                    <div class="page-sub-header">
                        <h3 class="page-title">Payment Services</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Admin</a></li>
                            <li class="breadcrumb-item active">Payment Services</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="mb-3 row">
            <div class="col-12">
                <a href="{{ route('payment-services.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add
                    Payment Service</a>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Logo</th>
                                        {{-- <th>QR Code</th> --}}
                                        <th>Phone Number</th>
                                        <th>Account Name</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($paymentServices as $service)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $service->name }}</td>
                                            <td>
                                                @if ($service->logo)
                                                    <img src="{{ asset('storage/' . $service->logo) }}" alt="Logo"
                                                        style="max-width: 80px; max-height: 80px; border-radius: 6px; border: 1px solid #ccc;">
                                                @endif
                                            </td>
                                            {{-- <td>
                                                @if ($service->qr_code)
                                                    <img src="{{ asset('storage/' . $service->qr_code) }}" alt="QR Code"
                                                        style="max-width: 80px; max-height: 80px; border-radius: 6px; border: 1px solid #ccc;">
                                                @endif
                                            </td> --}}
                                            <td>{{ $service->phone_number }}</td>
                                            <td>{{ $service->account_name }}</td>
                                            <td>
                                                <a href="{{ route('payment-services.edit', $service->id) }}"
                                                    class="btn btn-sm btn-warning"><i class="fas fa-edit"></i></a>
                                                <form action="{{ route('payment-services.destroy', $service->id) }}"
                                                    method="POST" style="display:inline-block;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger"
                                                        onclick="return confirm('Are you sure?')"><i
                                                            class="fas fa-trash"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="d-flex justify-content-center">
                                {{ $paymentServices->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection