@extends('layouts.admin')

@section('content')

<div class="row mb-3">
    <div class="col-12">
        <div class="page-title-box bg-galaxy-transparent d-flex justify-content-between align-items-center">
            <h4 class="mb-0">Business Listing Details</h4>
            <a href="{{ route('admin.businesslisting') }}" class="btn btn-sm btn-dark">
                <i class="ri-arrow-go-back-line"></i> Back
            </a>
        </div>
    </div>
</div>

<div class="card shadow-sm border-0">
<div class="card-body">

<h4 class="fw-bold mb-4 text-primary">{{ $listing->title }}</h4>

<div class="row">

    <div class="col-md-6">
        <ul class="list-group list-group-flush">

            <li class="list-group-item d-flex justify-content-between">
                <strong>Owner</strong>
                <span>{{ $listing->owner->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Category</strong>
                <span>{{ $listing->category->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Subcategory</strong>
                <span>{{ $listing->subcategory->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Status</strong>
                <span>
                    @if($listing->approval_status == 'approved')
                        <span class="badge bg-success">Approved</span>
                    @elseif($listing->approval_status == 'pending')
                        <span class="badge bg-warning text-dark">Pending</span>
                    @else
                        <span class="badge bg-danger">Rejected</span>
                    @endif
                </span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>City</strong>
                <span>{{ $listing->city->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Country</strong>
                <span>{{ $listing->country->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>No. Of Employees</strong>
                <span>{{ $listing->no_of_employees ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Lease Term</strong>
                <span>{{ $listing->leaseTerm->name ?? '-' }}</span>
            </li>

        </ul>
    </div>

    <div class="col-md-6">
        <ul class="list-group list-group-flush">

            <li class="list-group-item d-flex justify-content-between">
                <strong>Asking Price</strong>
                <span> <img src="{{ config('global.default_currency_code') }}" alt="Currency" width="16" style="vertical-align: middle;"> {{ $listing->asking_price ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Year Established</strong>
                <span>{{ $listing->yearEstablishedData->year ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Real Estate</strong>
                <span>{{ $listing->realState->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Trade License</strong>
                <span>{{ $listing->tradeLicenseType->name ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Annual Revenue</strong>
                <span><img src="{{ config('global.default_currency_code') }}" alt="Currency" width="16" style="vertical-align: middle;"> {{ $listing->annual_revenue ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Total Net Assets</strong>
                <span><img src="{{ config('global.default_currency_code') }}" alt="Currency" width="16" style="vertical-align: middle;"> {{ $listing->total_net_asset ?? '-' }}</span>
            </li>

            <li class="list-group-item d-flex justify-content-between">
                <strong>Business Hours</strong>
                <span>{{ $listing->business_hours ?? '-' }}</span>
            </li>

        </ul>
    </div>

</div>

<hr class="my-4">

<h5 class="fw-bold text-secondary">Business Details</h5>
<div class="p-3 bg-light rounded mb-3">
    <p class="mb-2"><strong>Reason For Sale:</strong> {{ $listing->reason_for_sale ?? '-' }}</p>
    <p class="mb-2"><strong>Reason To Buy:</strong> {{ $listing->reason_to_buy ?? '-' }}</p>
    <p class="mb-2"><strong>Size Of Premises:</strong> {{ $listing->size_of_premises ?? '-' }}</p>
    <p class="mb-2"><strong>Annual Leasehold Rent:</strong><img src="{{ config('global.default_currency_code') }}" alt="Currency" width="16" style="vertical-align: middle;"> {{ $listing->annual_leasehold_rent ?? '-' }}</p>
    <p class="mb-2"><strong>Key Products:</strong> {{ $listing->key_products ?? '-' }}</p>
    <p class="mb-2"><strong>Competition:</strong> {{ $listing->competition ?? '-' }}</p>
</div>

<hr>

<h5 class="fw-bold text-secondary mb-3">Business Description</h5>
<div class="p-3 bg-white border rounded">
    {!! $listing->description !!}
</div>

<hr class="my-4">

<h5 class="fw-bold text-secondary mb-3">Images</h5>

<div class="row g-3">
@forelse($listing->images as $img)
    @php 
        $imgUrl = get_uploaded_image_url($img->image, 'business_image_upload_dir'); 
    @endphp
    <div class="col-6 col-md-3">
        <div class="border rounded overflow-hidden shadow-sm">
            <img src="{{ $imgUrl }}" class="img-fluid" style="height:160px; object-fit:cover;">
        </div>
    </div>
@empty
    <div class="col-12 text-muted">No images uploaded</div>
@endforelse
</div>

</div>
</div>
@endsection