@extends('admin.layout')

@section('content')
<div class="page-title">Disputes</div>

<div class="card">
    <form method="GET" class="search-bar">
        <select name="status">
            <option value="">All Status</option>
            <option value="open" {{ request('status') === 'open' ? 'selected' : '' }}>Open</option>
            <option value="under_review" {{ request('status') === 'under_review' ? 'selected' : '' }}>Under Review</option>
            <option value="resolved" {{ request('status') === 'resolved' ? 'selected' : '' }}>Resolved</option>
        </select>
        <button type="submit">Filter</button>
    </form>

    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Booking</th>
                <th>Raised By</th>
                <th>Reason</th>
                <th>Status</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($disputes as $dispute)
            <tr>
                <td>#{{ $dispute->id }}</td>
                <td>#{{ $dispute->booking_id }}</td>
                <td>{{ $dispute->raisedBy->name }}</td>
                <td>{{ \Str::limit($dispute->reason, 60) }}</td>
                <td>
                    @if($dispute->status === 'resolved')
                        <span class="badge badge-green">Resolved</span>
                    @elseif($dispute->status === 'under_review')
                        <span class="badge badge-blue">Under Review</span>
                    @else
                        <span class="badge badge-red">Open</span>
                    @endif
                </td>
                <td>{{ $dispute->created_at->format('d M Y') }}</td>
                <td>
                    @if($dispute->status !== 'resolved')
                    <form method="POST" action="{{ route('admin.disputes.resolve', $dispute->id) }}">
                        @csrf @method('PATCH')
                        <div style="display:flex;flex-direction:column;gap:6px">
                            <select name="resolution" style="padding:6px;border:1px solid #ddd;border-radius:4px;font-size:12px">
                                <option value="favour_renter">In favour of Renter</option>
                                <option value="favour_lender">In favour of Lender</option>
                                <option value="partial">Partial resolution</option>
                            </select>
                            <input type="number" name="damage_fee" placeholder="Damage fee £ (optional)"
                                style="padding:6px;border:1px solid #ddd;border-radius:4px;font-size:12px" step="0.01">
                            <input type="text" name="admin_notes" placeholder="Resolution notes..." required
                                style="padding:6px;border:1px solid #ddd;border-radius:4px;font-size:12px">
                            <button class="btn btn-green btn-sm">Resolve</button>
                        </div>
                    </form>
                    @else
                        <span style="font-size:12px;color:#888;">{{ $dispute->admin_notes }}</span>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $disputes->links() }}</div>
</div>
@endsection