@extends('components.customer_layout')

@section('customer-content')
<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs">
            <li class="nav-item">
                <a class="nav-link @if(isset($current_filter) && $current_filter == 'rejected') active @endif" href="{{ route('myapplications.rejected') }}">Rejected</a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Office</th>
                        <th>Service</th>
                        <th>Status</th>
                        <th>Applied Date</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($applications as $application)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ optional($application->office)->name }}</td>
                        <td>{{ optional($application->service)->name }}</td>
                        <td>
                            @if($application->requestable)
                                @php $status = strtolower($application->requestable->status ?? 'NA'); @endphp
                                <span class="badge
                                        @if($status == 'approved') bg-success
                                        @elseif($status == 'request') bg-info
                                        @elseif($status == 'rejected') bg-danger
                                        @elseif($status == 'accept') bg-primary
                                        @else bg-secondary @endif">
                                        <i class="fas
                                        @if($status == 'approved') fa-check-circle
                                        @elseif($status == 'request') fa-hourglass-half
                                        @elseif($status == 'rejected') fa-times-circle
                                        @elseif($status == 'accept') fa-thumbs-up
                                        @else fa-question-circle @endif"></i>
                                        {{ ucfirst($status) }}
                                    </span>
                            @else
                                <span class="badge bg-secondary"><i class="fas fa-question-circle"></i> N/A</span>
                            @endif
                        </td>
                        <td>{{ $application->created_at->format('d M, Y H:i A') }}</td>
                        <td>
                            <a href="{{ route('myapplication.customer.show', $application->id) }}" class="btn btn-sm btn-primary">
                                <i class="fas fa-eye"></i> View
                            </a>
                
                            @if(isset($status) && $status == 'rejected')
                                <a href="{{ route('myapplication.customer.edit', $application->id) }}" class="btn btn-sm btn-warning">
                                    <i class="fas fa-edit"></i> Edit
                                </a>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        
        <div class="mt-3">
            {{ $applications->links() }}
        </div>
    </div>
</div>
@endsection