{{-- resources/views/admin/properties/archived.blade.php --}}

@extends('layouts.app')

@section('content')

    <div class="container mt-5 property-listing admin">
        <div class="admin_header d-flex flex-row justify-content-between">
            <h2 class="sec_head">Archived Properties</h2>
            <div class="location_filter">
                <form method="GET" action="{{ route('properties.archived') }}">
                    <div class="form-group">
                        <select name="location" id="location" class="form-control">
                            <option value="">All Locations</option>
                            @foreach($locations as $location)
                                <option value="{{ $location->id }}" {{ request('location') == $location->id ? 'selected' : '' }}>
                                    {{ $location->name_en }}
                                </option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn btn-primary">Filter</button>
                    </div>
                    
                </form>
            </div>
        </div>
       
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        
        <div class="row property_list">
            @if($properties->count() > 0)
            @foreach($properties as $property)
            <div class="col-md-4 property">
                <div class="card  mb-4">
                {{-- Display the cover image --}}
                @if($property->cover_image)
                    <img class="card-img-top" src="{{ asset('storage/properties/' . $property->cover_image->image) }}" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}" class="img-fluid">
                @else
                    <img class="card-img-top" src="{{ asset('storage/properties/no-image.png') }}"  class="card-img-top" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}">
                @endif
               <!--  @if($property->images->first())
                    <img class="card-img-top" src="{{ asset('storage/properties/' . $property->images->first()->image) }}"  class="card-img-top" alt="{{ app()->getLocale() == 'en' ? $property->title_en : $property->title_jp }}">
                @else
                    <img class="card-img-top" src="{{ asset('storage/properties/no-image.png') }}"  class="card-img-top" alt="{{ $property->title }}">
                @endif -->
                    
                    <div class="card-body">
                        <h5 class="card-title">{{ $property->title_en }}</h5>
                        <p class="card-text">{{ Str::limit($property->description_en, 150) }}</p>
                        <p class="card-location"><span>Location : </span>{{ $property->location->name_en }}</p>
                        <p class="card-pub">@lang('strings.removed') : {{ date('d F Y', strtotime($property->archived_date)); }} </p>
                        <a href="{{ route('properties.edit', $property->id) }}"  class="">Read more</a>
                    </div>
                </div>
            </div>
            @endforeach
            @else
                <p>No archived properties found.</p>
            @endif
        </div>
    </div>
@endsection