@extends('layouts.dashboard')
@section('title', $tutorRequest->title)
@section('page_title', __('Tutor request'))

@section('content')
@php($r = $tutorRequest)
@php($tutor = $r->acceptedBid?->instructor)
@php($steps = ['open' => __('Posted'), 'awarded' => __('Tutor chosen'), 'in_progress' => __('Paid & in progress'), 'completed' => __('Completed')])
@php($stepIndex = array_search($r->status, array_keys($steps), true))

<div class="mb-3"><a href="{{ route('tutor-marketplace.index') }}" class="text-decoration-none small"><i class="bi bi-arrow-left me-1"></i>{{ __('Back to marketplace') }}</a></div>

<div class="row g-4">
    <div class="col-lg-8">
        {{-- Request --}}
        <div class="card mb-4">
            <div class="card-body p-4">
                <div class="d-flex justify-content-between align-items-start gap-3 mb-2">
                    <h4 class="fw-bold mb-0">{{ $r->title }}</h4>
                    <span class="badge bg-{{ $r->statusColor() }}-subtle text-{{ $r->statusColor() }}-emphasis flex-shrink-0">{{ $r->statusLabel() }}</span>
                </div>
                <div class="small text-muted mb-3">
                    <span class="me-3"><i class="bi bi-tag me-1"></i>{{ $r->subject ?: __('Any subject') }}</span>
                    <span class="me-3"><i class="bi bi-cash me-1"></i>{{ $r->budget ? money($r->budget) : __('Budget flexible') }}</span>
                    @if($r->deadline)<span class="me-3"><i class="bi bi-calendar-event me-1"></i>{{ $r->deadline->format('d M Y') }}</span>@endif
                    <span><i class="bi bi-clock me-1"></i>{{ $r->created_at->diffForHumans() }}</span>
                </div>
                <div style="white-space:normal">{!! nl2br(e($r->description)) !!}</div>
                <hr>
                <div class="d-flex align-items-center gap-2">
                    <img src="{{ $r->student->avatarUrl() }}" class="rounded-circle" width="34" height="34" alt="">
                    <div class="small"><div class="fw-semibold">{{ $r->student->name }}</div><div class="text-muted">{{ __('Student') }}</div></div>
                    @if($isTutor)
                        <form method="POST" action="{{ route('messages.start') }}" class="ms-auto">@csrf<input type="hidden" name="user_id" value="{{ $r->student_id }}"><button class="btn btn-sm btn-outline-primary"><i class="bi bi-chat-dots me-1"></i>{{ __('Message student') }}</button></form>
                    @endif
                </div>
            </div>
        </div>

        {{-- Instructor: place / edit bid --}}
        @if($isInstructor && ! $isOwner && $r->isOpen() && (! $myBid || $myBid->status === 'pending'))
            <div class="card mb-4 border-primary-subtle">
                <div class="card-body p-4">
                    <h6 class="fw-bold mb-3"><i class="bi bi-hand-index-thumb text-primary me-1"></i>{{ $myBid ? __('Update your bid') : __('Place your bid') }}</h6>
                    <form method="POST" action="{{ route('tutor-marketplace.bid', $r) }}" class="row g-3">
                        @csrf
                        <div class="col-sm-4">
                            <label class="form-label small fw-semibold mb-1">{{ __('Your price') }} ({{ setting('currency', 'USD') }})</label>
                            <input type="number" name="amount" step="0.01" min="0" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', $myBid?->amount) }}" required>
                            @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-sm-4">
                            <label class="form-label small fw-semibold mb-1">{{ __('Delivery (days)') }}</label>
                            <input type="number" name="delivery_days" min="1" max="365" class="form-control" value="{{ old('delivery_days', $myBid?->delivery_days) }}" placeholder="{{ __('e.g. 3') }}">
                        </div>
                        <div class="col-12">
                            <label class="form-label small fw-semibold mb-1">{{ __('Proposal') }}</label>
                            <textarea name="proposal" rows="4" class="form-control @error('proposal') is-invalid @enderror" placeholder="{{ __('How you would approach it, what is included, and when you are available.') }}" required>{{ old('proposal', $myBid?->proposal) }}</textarea>
                            @error('proposal')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-12 d-flex gap-2">
                            <button class="btn btn-primary"><i class="bi bi-send me-1"></i>{{ $myBid ? __('Update bid') : __('Submit bid') }}</button>
                            @if($myBid)
                                <button type="submit" form="withdrawBid" class="btn btn-outline-danger">{{ __('Withdraw bid') }}</button>
                            @endif
                        </div>
                    </form>
                    @if($myBid)<form id="withdrawBid" method="POST" action="{{ route('tutor-marketplace.withdraw', $myBid) }}" onsubmit="return confirm('{{ __('Withdraw this bid?') }}')">@csrf</form>@endif
                </div>
            </div>
        @endif

        {{-- Bids --}}
        @if($bids->isNotEmpty())
            <h6 class="fw-bold mb-3">{{ $isOwner || $isAdmin ? trans_choice('{1} 1 bid|[2,*] :count bids', $bids->count(), ['count' => $bids->count()]) : __('Your bid') }}</h6>
            @foreach($bids as $bid)
                <div class="card mb-3 {{ $bid->status === 'accepted' ? 'border-success' : '' }}">
                    <div class="card-body">
                        <div class="d-flex align-items-start gap-3">
                            <img src="{{ $bid->instructor->avatarUrl() }}" class="rounded-circle" width="44" height="44" alt="">
                            <div class="flex-grow-1 min-w-0">
                                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
                                    <div>
                                        <span class="fw-bold">{{ $bid->instructor->name }}</span>
                                        @if($bid->instructor->username)<a href="{{ route('instructors.show', $bid->instructor) }}" class="small ms-1" target="_blank">{{ __('Profile') }}</a>@endif
                                    </div>
                                    <div class="d-flex align-items-center gap-2">
                                        <span class="badge bg-{{ $bid->statusColor() }}-subtle text-{{ $bid->statusColor() }}-emphasis">{{ status_label($bid->status) }}</span>
                                        <span class="fw-bold fs-5 text-primary">{{ money($bid->amount) }}</span>
                                    </div>
                                </div>
                                <div class="small text-muted mb-2">
                                    @if($bid->delivery_days)<i class="bi bi-hourglass-split me-1"></i>{{ trans_choice(':n day delivery|:n days delivery', $bid->delivery_days, ['n' => $bid->delivery_days]) }} · @endif
                                    {{ $bid->updated_at->diffForHumans() }}
                                </div>
                                <p class="small mb-2">{!! nl2br(e($bid->proposal)) !!}</p>
                                @if($isOwner && $r->isOpen() && $bid->status === 'pending')
                                    <form method="POST" action="{{ route('tutor-marketplace.accept', $bid) }}" onsubmit="return confirm('{{ __('Accept this bid? Other bids will be declined and you will be taken to payment.') }}')">
                                        @csrf
                                        <button class="btn btn-sm btn-success"><i class="bi bi-check-lg me-1"></i>{{ (float) $bid->amount > 0 ? __('Accept & pay :amount', ['amount' => money($bid->amount)]) : __('Accept (free)') }}</button>
                                    </form>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        @elseif($isOwner && $r->isOpen())
            <div class="card"><div class="card-body text-center text-muted py-4"><i class="bi bi-hourglass fs-3 d-block mb-2"></i>{{ __('No bids yet — instructors are notified as they browse the marketplace.') }}</div></div>
        @endif
    </div>

    {{-- Sidebar: progress + actions --}}
    <div class="col-lg-4">
        <div class="card mb-4">
            <div class="card-body">
                <h6 class="fw-bold mb-3">{{ __('Progress') }}</h6>
                @if(in_array($r->status, ['closed', 'cancelled'], true))
                    <div class="alert alert-secondary small mb-0"><i class="bi bi-x-circle me-1"></i>{{ __('This request was :status on :date.', ['status' => strtolower($r->statusLabel()), 'date' => optional($r->closed_at)->format('d M Y')]) }}</div>
                @else
                    <ol class="list-unstyled mb-0">
                        @foreach($steps as $key => $label)
                            @php($i = array_search($key, array_keys($steps), true))
                            <li class="d-flex align-items-center gap-2 py-2 {{ $i <= $stepIndex ? '' : 'text-muted' }}">
                                <span class="rounded-circle d-grid flex-shrink-0" style="width:26px;height:26px;place-items:center;font-size:.75rem;background:{{ $i < $stepIndex ? 'var(--lf-primary)' : ($i === $stepIndex ? 'var(--lf-grad)' : 'rgba(var(--lf-primary-rgb),.1)') }};color:{{ $i <= $stepIndex ? '#fff' : 'var(--lf-primary)' }}">
                                    @if($i < $stepIndex)<i class="bi bi-check"></i>@else{{ $i + 1 }}@endif
                                </span>
                                <span class="small {{ $i === $stepIndex ? 'fw-bold' : '' }}">{{ $label }}</span>
                            </li>
                        @endforeach
                    </ol>
                @endif
            </div>
        </div>

        @if($tutor)
            <div class="card mb-4">
                <div class="card-body">
                    <h6 class="fw-bold mb-3">{{ __('Tutor') }}</h6>
                    <div class="d-flex align-items-center gap-2 mb-3">
                        <img src="{{ $tutor->avatarUrl() }}" class="rounded-circle" width="40" height="40" alt="">
                        <div class="small"><div class="fw-semibold">{{ $tutor->name }}</div><div class="text-muted">{{ money($r->acceptedBid->amount) }}@if($r->acceptedBid->delivery_days) · {{ trans_choice(':n day|:n days', $r->acceptedBid->delivery_days, ['n' => $r->acceptedBid->delivery_days]) }}@endif</div></div>
                    </div>
                    @if($isOwner || $isTutor)
                        <form method="POST" action="{{ route('messages.start') }}">@csrf<input type="hidden" name="user_id" value="{{ $isOwner ? $tutor->id : $r->student_id }}"><button class="btn btn-outline-primary btn-sm w-100"><i class="bi bi-chat-dots me-1"></i>{{ $isOwner ? __('Message tutor') : __('Message student') }}</button></form>
                    @endif
                </div>
            </div>
        @endif

        @if($isOwner)
            @if($r->status === 'awarded' && $r->order)
                <div class="card mb-4 border-warning">
                    <div class="card-body">
                        <h6 class="fw-bold mb-2"><i class="bi bi-credit-card text-warning me-1"></i>{{ __('Payment due') }}</h6>
                        <p class="small text-muted mb-3">{{ __('Pay :amount to start the work. The tutor is notified as soon as the payment clears.', ['amount' => money($r->order->total)]) }}</p>
                        <a href="{{ route('checkout.order', $r->order) }}" class="btn btn-primary w-100">{{ __('Pay now') }}</a>
                    </div>
                </div>
            @endif
            @if($r->status === 'in_progress')
                <div class="card mb-4 border-success">
                    <div class="card-body">
                        <h6 class="fw-bold mb-2"><i class="bi bi-check2-circle text-success me-1"></i>{{ __('Done with the tutor?') }}</h6>
                        <form method="POST" action="{{ route('tutor-marketplace.complete', $r) }}" class="d-grid gap-2">
                            @csrf
                            <select name="rating" class="form-select form-select-sm">
                                <option value="">{{ __('Rate the tutor (optional)') }}</option>
                                @for($s = 5; $s >= 1; $s--)<option value="{{ $s }}">{{ str_repeat('★', $s) }}{{ str_repeat('☆', 5 - $s) }}</option>@endfor
                            </select>
                            <textarea name="feedback" rows="2" class="form-control form-control-sm" placeholder="{{ __('A word of feedback (optional)') }}"></textarea>
                            <button class="btn btn-success w-100" onclick="return confirm('{{ __('Mark this request as completed?') }}')">{{ __('Mark as completed') }}</button>
                        </form>
                    </div>
                </div>
            @endif
            @if(in_array($r->status, ['open', 'awarded'], true))
                <form method="POST" action="{{ route('tutor-marketplace.close', $r) }}" onsubmit="return confirm('{{ __('Close this request? Pending bids will be declined.') }}')">@csrf<button class="btn btn-outline-danger btn-sm w-100"><i class="bi bi-x-circle me-1"></i>{{ __('Close request') }}</button></form>
            @endif
        @endif

        @if($r->status === 'completed')
            <div class="card mb-4">
                <div class="card-body small">
                    <div class="fw-bold mb-1"><i class="bi bi-award text-info me-1"></i>{{ __('Completed :date', ['date' => $r->completed_at->format('d M Y')]) }}</div>
                    @if($r->rating)<div class="text-warning">{{ str_repeat('★', $r->rating) }}<span class="text-muted">{{ str_repeat('★', 5 - $r->rating) }}</span></div>@endif
                    @if($r->feedback)<div class="text-muted mt-1">“{{ $r->feedback }}”</div>@endif
                </div>
            </div>
        @endif

        @if($r->order && ($isOwner || $isAdmin))
            <div class="small text-muted">{{ __('Order') }} <a href="{{ route('orders.invoice', $r->order) }}" target="_blank">{{ $r->order->order_no }}</a> · {{ status_label($r->order->payment_status) }}</div>
        @endif
    </div>
</div>
@endsection