@extends('dashboard')

@section('dashboard_content')
<div class="container mt-5">
    <h2 class="mb-4 text-center">All Call Requests</h2>

    @if($callRequests->isEmpty())
        <div class="alert alert-info text-center">No call requests found.</div>
    @else
        <div class="table-responsive shadow-sm">
            <table class="table table-bordered table-striped align-middle">
                <thead class="table-dark text-center">
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Purpose</th>
                        <th>Best Time to Call</th>
                        <th>Phone Number</th>
                        <th>Loan Amount</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($callRequests as $index => $request)
                        <tr>
                            <td class="text-center">{{ $callRequests->firstItem() + $index }}</td>
                            <td>{{ $request->name }}</td>
                            <td>{{ ucfirst($request->purpose_of_loan) }}</td>
                            <td>{{ $request->best_time_to_call }}</td>
                            <td>{{ $request->phone_number }}</td>
                            <td>${{ number_format($request->loan_amount, 2) }}</td>
                            <td class="text-center">
                                <span class="badge
                                    @if($request->status == 'pending') bg-secondary
                                    @elseif($request->status == 'called') bg-info
                                    @elseif($request->status == 'approved') bg-success
                                    @elseif($request->status == 'applied') bg-warning
                                    @elseif($request->status == 'denied') bg-danger
                                    @endif">
                                    {{ ucfirst($request->status) }}
                                </span>
                            </td>
                            <td class="text-center">
                                <form action="{{ route('callRequests.updateStatus', $request->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="status" value="called">
                                    <button class="btn btn-info btn-sm">Called</button>
                                </form>
                                <form action="{{ route('callRequests.updateStatus', $request->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="status" value="approved">
                                    <button class="btn btn-success btn-sm">Approved</button>
                                </form>
                                <form action="{{ route('callRequests.updateStatus', $request->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="status" value="applied">
                                    <button class="btn btn-warning btn-sm">Applied</button>
                                </form>
                                <form action="{{ route('callRequests.updateStatus', $request->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="status" value="denied">
                                    <button class="btn btn-danger btn-sm">Denied</button>
                                </form>
                                <form action="{{ route('callRequests.destroy', $request->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure?')">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-dark btn-sm">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-end mt-3">
            <a href="{{ $callRequests->previousPageUrl() }}"
               class="btn btn-light border border-gray px-3 {{ $callRequests->onFirstPage() ? 'disabled' : '' }}">
                Previous
            </a>
            <a href="{{ $callRequests->nextPageUrl() }}"
               class="btn btn-light border border-gray px-3 {{ $callRequests->hasMorePages() ? '' : 'disabled' }}">
                Next
            </a>
        </div>
    @endif
</div>
@endsection