@extends('layouts.app')

@section('header', 'Provider Review')

@section('content')
    <div class="d-flex flex-column gap-3" style="max-width: 50rem;">
        <div class="card shadow-sm">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
                    <div>
                        <h2 class="h5 fw-semibold mb-1">{{ $profile->business_name ?? $profile->user->name }}</h2>
                        <p class="text-muted small mb-0">{{ $profile->user->name }} &middot; {{ $profile->user->email }} &middot; {{ $profile->user->phone }}</p>
                    </div>
                    <span class="badge text-capitalize {{ match ($profile->verification_status) {
                        'pending' => 'text-bg-warning',
                        'approved' => 'text-bg-success',
                        'rejected' => 'text-bg-danger',
                    } }}">{{ $profile->verification_status }}</span>
                </div>

                <dl class="row mt-4 small mb-0">
                    <dt class="col-sm-3 text-muted fw-normal">Bio</dt><dd class="col-sm-9">{{ $profile->bio ?? '—' }}</dd>
                    <dt class="col-sm-3 text-muted fw-normal">Experience</dt><dd class="col-sm-9">{{ $profile->experience_years ?? '—' }} years</dd>
                    <dt class="col-sm-3 text-muted fw-normal">Address</dt><dd class="col-sm-9">{{ $profile->address_line }}, {{ $profile->city }}, {{ $profile->state }} {{ $profile->pincode }}</dd>
                    <dt class="col-sm-3 text-muted fw-normal">Service radius</dt><dd class="col-sm-9">{{ $profile->service_radius_km }} km</dd>
                    <dt class="col-sm-3 text-muted fw-normal">Bank account</dt><dd class="col-sm-9">{{ $profile->bank_account_name ?? '—' }} {{ $profile->bank_account_number ? '('.$profile->bank_account_number.', '.$profile->bank_ifsc.')' : '' }}</dd>
                </dl>

                @if ($profile->verification_status === 'rejected' && $profile->rejection_reason)
                    <div class="alert alert-danger mt-3 mb-0 small">
                        <strong>Rejection reason:</strong> {{ $profile->rejection_reason }}
                    </div>
                @endif

                <div class="d-flex flex-wrap gap-2 mt-3">
                    @if ($profile->verification_status !== 'approved')
                        <form method="POST" action="{{ route('admin.providers.approve', $profile) }}">
                            @csrf @method('PATCH')
                            <button class="btn btn-success btn-sm">Approve</button>
                        </form>
                    @endif

                    @if ($profile->verification_status !== 'rejected')
                        <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="collapse" data-bs-target="#reject-form">Reject</button>
                    @endif

                    @if ($profile->user->status === 'active')
                        <form method="POST" action="{{ route('admin.providers.suspend', $profile) }}">
                            @csrf @method('PATCH')
                            <button class="btn btn-dark btn-sm">Suspend Account</button>
                        </form>
                    @else
                        <form method="POST" action="{{ route('admin.providers.reactivate', $profile) }}">
                            @csrf @method('PATCH')
                            <button class="btn btn-primary btn-sm">Reactivate Account</button>
                        </form>
                    @endif
                </div>

                <div id="reject-form" class="collapse mt-3">
                    <form method="POST" action="{{ route('admin.providers.reject', $profile) }}">
                        @csrf @method('PATCH')
                        <label class="form-label">Rejection reason</label>
                        <textarea name="rejection_reason" rows="3" class="form-control" required></textarea>
                        <button class="btn btn-danger btn-sm mt-2">Confirm Rejection</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-body">
                <h3 class="h6 fw-semibold mb-2">Documents</h3>
                @forelse ($profile->documents as $document)
                    <div class="d-flex align-items-center justify-content-between py-2 border-bottom">
                        <div>
                            <span class="small d-block">{{ str($document->type)->headline() }}</span>
                            <span class="text-muted small">
                                <span class="badge text-capitalize {{ match ($document->status) {
                                    'approved' => 'text-bg-success',
                                    'rejected' => 'text-bg-danger',
                                    default => 'text-bg-warning',
                                } }}">{{ $document->status }}</span>
                                uploaded {{ $document->created_at->diffForHumans() }}
                            </span>
                        </div>
                        <a href="{{ route('admin.documents.show', $document) }}" target="_blank" class="btn btn-sm btn-outline-primary text-decoration-none">
                            View
                        </a>
                    </div>
                @empty
                    <p class="text-muted small mb-0">No documents uploaded yet.</p>
                @endforelse
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-body">
                <h3 class="h6 fw-semibold mb-2">Services offered</h3>
                @forelse ($profile->providerServices as $providerService)
                    <div class="d-flex align-items-center justify-content-between py-2 border-bottom small">
                        <span>{{ $providerService->service->name }} <span class="text-muted">({{ $providerService->service->category->name }})</span></span>
                        <span>&#8377;{{ number_format($providerService->base_price, 2) }} / {{ $providerService->pricing_type }}</span>
                    </div>
                @empty
                    <p class="text-muted small mb-0">No services configured yet.</p>
                @endforelse
            </div>
        </div>
    </div>
@endsection