@extends('admin.layouts.master')

@section('request_service', 'active')
@section('title') {{ $data['title'] ?? '' }} @endsection

@push('style')
@endpush
@php
   $service = $data['service'];
   $bids = $data['bids'];
@endphp
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">{{ $data['title'] ?? '' }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item active">{{ $data['title'] ?? '' }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="row align-items-center">
                                    <div class="col-6">
                                        <h3 class="card-title">Manage {{ $data['title'] ?? '' }}</h3>
                                    </div>
                                    <div class="col-6">
                                        <div class="float-right">
                                            <a href="{{ route('admin.request-service.index') }}" class="btn btn-primary">Back</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card-body">
                                <div class="row">
                                    <!-- Service Details Section -->
                                    <div class="col-md-4">
                                        <div class="card border-info mb-3">
                                            <div class="card-header bg-info text-white">Service Details</div>
                                            <div class="card-body">
                                                <h5 class="card-title"><strong>Service Title:</strong>{{ $service->service_title ?? 'Service Title' }}</h5><br>
                                                <p class="m-0"><strong>Category:</strong> {{ $service->serviceCategory->name ?? 'N/A' }}</p>
                                                <p class="m-0"><strong>Requested Date:</strong> {{ date('d M Y', strtotime($service->request_date)) ?? 'N/A' }}</p>
                                                <p class="m-0"><strong>Requested time:</strong> {{ $service->request_time ?? 'N/A' }}</p>
                                                <p class="m-0"><strong>Service Price:</strong> {{ $service->service_rate ?? 'N/A' }} Ksh</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Bid List Section -->
                                    <div class="col-md-8">
                                        <div class="card border-success mb-3">
                                            <div class="card-header bg-success text-white">Bid List</div>
                                            <div class="card-body">
                                                @forelse ($bids as $bid)
                                                    <div class="d-flex align-items-center border-bottom pb-2 mb-2">
                                                        <img src="{{ asset($bid->user->image) }}"
                                                             class="rounded-circle me-3"
                                                             alt="{{ $bid->user->name }}" height="60" width="60">

                                                        <div class="w-100 mx-2">
                                                            <a href="{{route('admin.customer.view', $bid->user_id)}}" target="_blank">
                                                                <h6 class="mb-1">{{ $bid->user->name }}</h6>
                                                            </a>

                                                            @php
                                                                $subCategoryIds = is_array($bid->user->subCategory_id)
                                                                    ? $bid->user->subCategory_id
                                                                    : json_decode($bid->user->subCategory_id, true) ?? [];
                                                            @endphp

                                                            <small class="text-muted d-block">
                                                                @foreach($subCategoryIds as $subCategoryId)
                                                                    @php
                                                                        $subCategory = DB::table('sub_categories')->where('id', $subCategoryId)->first();
                                                                    @endphp
                                                                    {{ $subCategory->name ?? 'Unknown' }}{{ !$loop->last ? ',' : '' }}
                                                                @endforeach
                                                            </small>
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <span class="badge bg-warning text-dark">Bid: {{ $bid->bid_amount }} KSh</span>
                                                                <span class="badge bg-info text-white">{{ $bid->status ?? 'Pending' }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @empty
                                                    <div class="alert alert-info text-center">
                                                        No bids available for this service yet.
                                                    </div>
                                                @endforelse
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div> <!-- End Card Body -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
<script>


</script>
@endpush