@extends('admin.layouts.admin')

@section('title','Merchants')
@section('page-title','Merchants')

@section('content')

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <strong>All Merchants</strong>
        <a href="{{ route('admin.merchants.create') }}" class="btn btn-sm btn-primary">
            <i class="bi bi-plus-lg"></i> Add Merchant
        </a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Status</th>
                    <th>Created</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>

            @forelse($merchants as $merchant)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $merchant->name }}</td>
                    <td>{{ $merchant->email }}</td>
                    <td>
                        @if($merchant->is_active)
                            <span class="badge bg-success">Active</span>
                        @else
                            <span class="badge bg-secondary">Inactive</span>
                        @endif
                    </td>
                    <td>{{ $merchant->created_at->format('d M Y') }}</td>
                    <td class="text-end">

                        <!-- VIEW -->
                     

                        <!-- EDIT -->
                        <a href="{{ route('admin.merchants.edit',$merchant->id) }}"
                           class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-pencil"></i>
                        </a>

                        <!-- DELETE -->
                        <button class="btn btn-sm btn-outline-danger"
                                data-bs-toggle="modal"
                                data-bs-target="#deleteModal{{ $merchant->id }}">
                            <i class="bi bi-trash"></i>
                        </button>

                        <!-- DELETE MODAL -->
                        <div class="modal fade" id="deleteModal{{ $merchant->id }}" tabindex="-1">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Confirm Delete</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                    </div>
                                    <div class="modal-body">
                                        Are you sure you want to delete
                                        <strong>{{ $merchant->name }}</strong>?
                                    </div>
                                    <div class="modal-footer">
                                        <button class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
                                        <form method="POST"
                                              action="{{ route('admin.merchants.destroy',$merchant->id) }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-danger btn-sm">
                                                Yes, Delete
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="text-center text-muted py-4">
                        No records found
                    </td>
                </tr>
            @endforelse

            </tbody>
        </table>
    </div>
</div>

@endsection