@extends('admin.layouts.admin')

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

@section('admin_content') 
<div class="row">
    <div class="col-12 mb-4 d-flex justify-content-between align-items-center">
        <h1>Payment Methods</h1>
        <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addPaymentModal">
            Add New Payment Method
        </button>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <div class="col-12">
        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle">
                <thead class="table-dark">
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Public Key</th>
                        <th>Secret Key</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($methods as $key => $method)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $method->display_name }}</td>
                        <td>{{ $method->public_key }}</td>
                        <td>{{ $method->secret_key }}</td>
                        <td>
                            <span class="badge {{ $method->status ? 'bg-success' : 'bg-danger' }}">
                                {{ $method->status ? 'Enabled' : 'Disabled' }}
                            </span>
                        </td>
                        <td>
                            <a href="{{ route('payments.toggle', $method->id) }}" class="btn btn-sm btn-{{ $method->status ? 'danger' : 'success' }}">
                                {{ $method->status ? 'Disable' : 'Enable' }}
                            </a>

                            <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#editModal{{ $method->id }}">
                                Edit
                            </button>

                            <form action="{{ route('payments.destroy', $method->id) }}" method="POST" style="display:inline-block;">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                            </form>

                            <div class="modal fade" id="editModal{{ $method->id }}" tabindex="-1" aria-labelledby="editModalLabel{{ $method->id }}" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <h5 class="modal-title" id="editModalLabel{{ $method->id }}">Edit {{ $method->display_name }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                  </div>
                                  <form action="{{ route('payments.update', $method->id) }}" method="POST">
                                      @csrf
                                      <div class="modal-body">
                                          <div class="mb-3">
                                              <label class="form-label">Public Key</label>
                                              <input type="text" name="public_key" class="form-control" value="{{ $method->public_key }}" required>
                                          </div>
                                          <div class="mb-3">
                                              <label class="form-label">Secret Key</label>
                                              <input type="text" name="secret_key" class="form-control" value="{{ $method->secret_key }}" required>
                                          </div>
                                          <div class="form-check">
                                              <input type="checkbox" name="status" class="form-check-input" {{ $method->status ? 'checked' : '' }}>
                                              <label class="form-check-label">Enable</label>
                                          </div>
                                      </div>
                                      <div class="modal-footer">
                                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                          <button type="submit" class="btn btn-primary">Save Changes</button>
                                      </div>
                                  </form>
                                </div>
                              </div>
                            </div>

                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="text-center">No payment methods found.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="addPaymentModal" tabindex="-1" aria-labelledby="addPaymentModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="addPaymentModalLabel">Add New Payment Method</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form action="{{ route('payments.store') }}" method="POST">
          @csrf
          <div class="modal-body">
              <div class="mb-3">
                  <label class="form-label">Internal Name</label>
                  <input type="text" name="name" class="form-control" required>
              </div>
              <div class="mb-3">
                  <label class="form-label">Display Name</label>
                  <input type="text" name="display_name" class="form-control" required>
              </div>
              <div class="mb-3">
                  <label class="form-label">Public Key</label>
                  <input type="text" name="public_key" class="form-control">
              </div>
              <div class="mb-3">
                  <label class="form-label">Secret Key</label>
                  <input type="text" name="secret_key" class="form-control">
              </div>
              <!--<div class="form-check">
                <input type="checkbox" name="status" class="form-check-input">
                 <label class="form-check-label">Enable</label>
              </div>-->
              
              <div class="form-check">
    <input type="checkbox" name="status" value="1" class="form-check-input" {{ $method->status ? 'checked' : '' }}>
    <label class="form-check-label">Enable</label>
</div>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-success">Add Payment Method</button>
          </div>
      </form>
    </div>
  </div>
</div>
@endsection