@extends('layouts.dashboard')
@section('title', __('Tutor marketplace'))
@section('page_title', __('Tutor marketplace'))

@section('content')
{{-- How it works + numbers --}}
<div class="lf-hiw card border-0 mb-4" style="background:var(--lf-grad);color:#fff">
    <div class="card-body p-4">
        <div class="row align-items-center g-3">
            <div class="col-lg-7">
                <div class="small text-uppercase fw-bold opacity-75" style="letter-spacing:.08em">{{ __('One-to-one help') }}</div>
                <h4 class="fw-bold mb-1">{{ $isStudent ? __('Post what you need, pick the best offer.') : __('Find students who need your expertise.') }}</h4>
                <div class="opacity-75 small">
                    {{ $isStudent
                        ? __('Instructors send you a price and a proposal. Accept one, pay securely, and mark it done when you are happy.')
                        : __('Bid with a price and a short proposal. When the student accepts and pays, the job shows up here and your share goes to Earnings.') }}
                </div>
            </div>
            <div class="col-lg-5">
                <div class="row g-2 text-center">
                    <div class="col-4"><div class="rounded-3 py-2" style="background:rgba(255,255,255,.14)"><div class="h4 fw-bold mb-0">{{ $stats['open'] }}</div><small class="opacity-75">{{ __('Open') }}</small></div></div>
                    <div class="col-4"><div class="rounded-3 py-2" style="background:rgba(255,255,255,.14)"><div class="h4 fw-bold mb-0">{{ $stats['in_progress'] }}</div><small class="opacity-75">{{ __('Active') }}</small></div></div>
                    <div class="col-4"><div class="rounded-3 py-2" style="background:rgba(255,255,255,.14)"><div class="h4 fw-bold mb-0">{{ $stats['earned'] !== null ? money($stats['earned']) : $stats['completed'] }}</div><small class="opacity-75">{{ $stats['earned'] !== null ? __('Earned') : __('Completed') }}</small></div></div>
                </div>
            </div>
        </div>
    </div>
</div>

<ul class="nav nav-pills mb-3 gap-1" role="tablist">
    <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tm-open" type="button"><i class="bi bi-broadcast me-1"></i>{{ __('Open requests') }} <span class="badge bg-white text-primary ms-1">{{ $open->total() }}</span></button></li>
    @if($isStudent)
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tm-mine" type="button"><i class="bi bi-person-lines-fill me-1"></i>{{ __('My requests') }} <span class="badge bg-white text-primary ms-1">{{ $mine->count() }}</span></button></li>
    @endif
    @if($isInstructor)
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tm-bids" type="button"><i class="bi bi-hand-index-thumb me-1"></i>{{ __('My bids') }} <span class="badge bg-white text-primary ms-1">{{ $bids->count() }}</span></button></li>
    @endif
</ul>

<div class="tab-content">
    {{-- Open requests --}}
    <div class="tab-pane fade show active" id="tm-open">
        <div class="row g-4">
            @if($isStudent)
                <div class="col-lg-4">
                    <div class="card sticky-lg-top" style="top:calc(var(--lf-topbar-h) + 1rem)">
                        <div class="card-body">
                            <h6 class="fw-bold mb-3"><i class="bi bi-plus-circle text-primary me-1"></i>{{ __('Request a tutor') }}</h6>
                            <form method="POST" action="{{ route('tutor-marketplace.store') }}" class="d-grid gap-3">
                                @csrf
                                <div>
                                    <label class="form-label small fw-semibold mb-1">{{ __('What do you need help with?') }}</label>
                                    <input class="form-control @error('title') is-invalid @enderror" name="title" value="{{ old('title') }}" placeholder="{{ __('e.g. Debug my Laravel auth flow') }}" required maxlength="160">
                                    @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div>
                                    <label class="form-label small fw-semibold mb-1">{{ __('Details') }}</label>
                                    <textarea class="form-control @error('description') is-invalid @enderror" name="description" rows="5" placeholder="{{ __('Describe the task, what you have tried, and the outcome you expect.') }}" required>{{ old('description') }}</textarea>
                                    @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div>
                                    <label class="form-label small fw-semibold mb-1">{{ __('Subject') }} <span class="text-muted fw-normal">({{ __('optional') }})</span></label>
                                    <input class="form-control" name="subject" value="{{ old('subject') }}" placeholder="{{ __('Laravel, Statistics, UI design…') }}" maxlength="120">
                                </div>
                                <div class="row g-2">
                                    <div class="col-6">
                                        <label class="form-label small fw-semibold mb-1">{{ __('Budget') }} <span class="text-muted fw-normal">({{ setting('currency', 'USD') }})</span></label>
                                        <input class="form-control" type="number" step="0.01" min="0" name="budget" value="{{ old('budget') }}" placeholder="0.00">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small fw-semibold mb-1">{{ __('Deadline') }}</label>
                                        <input class="form-control" type="date" name="deadline" value="{{ old('deadline') }}" min="{{ now()->toDateString() }}">
                                    </div>
                                </div>
                                <button class="btn btn-primary"><i class="bi bi-send me-1"></i>{{ __('Post request') }}</button>
                                <div class="form-text">{{ __('You only pay after you accept a bid.') }}</div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif

            <div class="{{ $isStudent ? 'col-lg-8' : 'col-12' }}">
                <form method="GET" class="d-flex flex-wrap gap-2 mb-3">
                    <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" style="max-width:280px" placeholder="{{ __('Search title, subject…') }}">
                    @if($isInstructor)
                        <label class="form-check form-check-sm d-flex align-items-center gap-1 small mb-0 ms-1">
                            <input type="checkbox" name="hide_bid" value="1" class="form-check-input" @checked(request('hide_bid')) onchange="this.form.submit()"> {{ __('Hide ones I bid on') }}
                        </label>
                    @endif
                    <button class="btn btn-sm btn-light"><i class="bi bi-search"></i></button>
                </form>

                @forelse($open as $item)
                    @php($myStatus = $myBidIds[$item->id] ?? null)
                    <div class="card mb-3 lf-tile--hover">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start gap-3">
                                <div class="min-w-0">
                                    <a href="{{ route('tutor-marketplace.show', $item) }}" class="h6 fw-bold text-decoration-none text-body d-block mb-1">{{ $item->title }}</a>
                                    <div class="small text-muted">
                                        <span class="me-2"><i class="bi bi-tag me-1"></i>{{ $item->subject ?: __('Any subject') }}</span>
                                        <span class="me-2"><i class="bi bi-cash me-1"></i>{{ $item->budget ? money($item->budget) : __('Budget flexible') }}</span>
                                        @if($item->deadline)<span class="me-2"><i class="bi bi-calendar-event me-1"></i>{{ $item->deadline->format('d M Y') }}</span>@endif
                                        <span><i class="bi bi-hand-index-thumb me-1"></i>{{ trans_choice('{0} No bids yet|{1} 1 bid|[2,*] :count bids', $item->bids_count, ['count' => $item->bids_count]) }}</span>
                                    </div>
                                </div>
                                <div class="text-end flex-shrink-0">
                                    @if($myStatus)
                                        <span class="badge bg-{{ $myStatus === 'pending' ? 'warning' : 'secondary' }}-subtle text-{{ $myStatus === 'pending' ? 'warning' : 'secondary' }}-emphasis">{{ __('You bid') }} · {{ status_label($myStatus) }}</span>
                                    @else
                                        <span class="badge bg-success-subtle text-success-emphasis">{{ __('Open') }}</span>
                                    @endif
                                    <div class="small text-muted mt-1">{{ $item->created_at->diffForHumans() }}</div>
                                </div>
                            </div>
                            <p class="small mb-3 mt-2">{{ Str::limit($item->description, 220) }}</p>
                            <div class="d-flex align-items-center gap-2">
                                <img src="{{ $item->student->avatarUrl() }}" class="rounded-circle" width="26" height="26" alt="">
                                <span class="small text-muted">{{ $item->student->name }}</span>
                                <a href="{{ route('tutor-marketplace.show', $item) }}" class="btn btn-sm {{ $isInstructor && ! $myStatus ? 'btn-primary' : 'btn-outline-secondary' }} ms-auto">
                                    {{ $isInstructor ? ($myStatus ? __('View / edit bid') : __('Place a bid')) : __('View') }} <i class="bi bi-arrow-right ms-1"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="card"><div class="card-body text-center text-muted py-5"><i class="bi bi-inbox fs-2 d-block mb-2"></i>{{ __('No open tutor requests right now.') }}</div></div>
                @endforelse
                {{ $open->links() }}
            </div>
        </div>
    </div>

    {{-- Student: my requests --}}
    @if($isStudent)
        <div class="tab-pane fade" id="tm-mine">
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light"><tr><th>{{ __('Request') }}</th><th>{{ __('Bids') }}</th><th>{{ __('Tutor') }}</th><th>{{ __('Status') }}</th><th class="text-end">{{ __('Action') }}</th></tr></thead>
                        <tbody>
                            @forelse($mine as $item)
                                <tr>
                                    <td><a href="{{ route('tutor-marketplace.show', $item) }}" class="fw-semibold text-decoration-none text-body">{{ $item->title }}</a><div class="small text-muted">{{ $item->subject ?: __('Any subject') }} · {{ $item->created_at->format('d M Y') }}</div></td>
                                    <td>{{ $item->bids_count }}</td>
                                    <td class="small">{{ $item->acceptedBid?->instructor?->name ?? '—' }}@if($item->acceptedBid)<div class="text-muted">{{ money($item->acceptedBid->amount) }}</div>@endif</td>
                                    <td><span class="badge bg-{{ $item->statusColor() }}-subtle text-{{ $item->statusColor() }}-emphasis">{{ $item->statusLabel() }}</span></td>
                                    <td class="text-end">
                                        @if($item->status === 'awarded' && $item->order_id)
                                            <a href="{{ route('checkout.order', $item->order_id) }}" class="btn btn-sm btn-primary"><i class="bi bi-credit-card me-1"></i>{{ __('Pay now') }}</a>
                                        @else
                                            <a href="{{ route('tutor-marketplace.show', $item) }}" class="btn btn-sm btn-outline-secondary">{{ __('Open') }}</a>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-center text-muted py-5">{{ __('You have not posted a request yet.') }}</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif

    {{-- Instructor: my bids --}}
    @if($isInstructor)
        <div class="tab-pane fade" id="tm-bids">
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light"><tr><th>{{ __('Request') }}</th><th>{{ __('Student') }}</th><th>{{ __('Your bid') }}</th><th>{{ __('Bid status') }}</th><th>{{ __('Job status') }}</th><th class="text-end">{{ __('Action') }}</th></tr></thead>
                        <tbody>
                            @forelse($bids as $bid)
                                <tr>
                                    <td><a href="{{ route('tutor-marketplace.show', $bid->request) }}" class="fw-semibold text-decoration-none text-body">{{ $bid->request->title }}</a><div class="small text-muted">{{ $bid->created_at->diffForHumans() }}</div></td>
                                    <td class="small">{{ $bid->request->student->name ?? '—' }}</td>
                                    <td class="fw-semibold">{{ money($bid->amount) }}@if($bid->delivery_days)<div class="small text-muted fw-normal">{{ trans_choice(':n day|:n days', $bid->delivery_days, ['n' => $bid->delivery_days]) }}</div>@endif</td>
                                    <td><span class="badge bg-{{ $bid->statusColor() }}-subtle text-{{ $bid->statusColor() }}-emphasis">{{ status_label($bid->status) }}</span></td>
                                    <td><span class="badge bg-{{ $bid->request->statusColor() }}-subtle text-{{ $bid->request->statusColor() }}-emphasis">{{ $bid->request->statusLabel() }}</span></td>
                                    <td class="text-end">
                                        <a href="{{ route('tutor-marketplace.show', $bid->request) }}" class="btn btn-sm btn-outline-secondary">{{ __('Open') }}</a>
                                        @if($bid->status === 'pending' && $bid->request->status === 'open')
                                            <form method="POST" action="{{ route('tutor-marketplace.withdraw', $bid) }}" class="d-inline" onsubmit="return confirm('{{ __('Withdraw this bid?') }}')">@csrf<button class="btn btn-sm btn-outline-danger">{{ __('Withdraw') }}</button></form>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted py-5">{{ __('You have not placed a bid yet.') }}</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
</div>
@endsection