@extends('layouts.master')

@section('title', 'View List')

@section('content')
<div class="container">
    <h1>View List</h1>
    <div class="mb-3">
        <label for="city" class="form-label" style="font-weight: bold;">City</label>
        <p id="city">{{ $list->city }}</p>
    </div>
    <div class="mb-3">
        <label for="entity_type" class="form-label" style="font-weight: bold;">Entity Type</label>
        <p id="entity_type">@if(isset($list->entity_type->type_name)) {{ $list->entity_type->type_name }} @else &nbsp; @endif</p>
    </div>
    <div class="mb-3">
        <label for="title" class="form-label"style="font-weight: bold;">Title</label>
        <p id="title">{{ $list->title }}</p>
    </div>
    <div class="mb-3">
        <label for="short_title" class="form-label"style="font-weight: bold;">Short Title</label>
        <p id="short_title">{{ $list->short_title }}</p>
    </div>
    <div class="mb-3">
        <label>Image</label><br>
        <img src="{{ $list->imageURL }}" alt="List Image" width="150">
    </div>
    <div class="mb-3">
        <label for="listing_order" class="form-label"style="font-weight: bold;">Listing Order</label>
        <p id="listing_order">{{ $list->listing_order }}</p>
    </div>
    <a href="{{ route('lists') }}" class="btn btn-primary">Back to List</a>
</div>
@endsection