@extends('dashboards.vendor.index')

@section('content')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
    <link href="https://cdn.datatables.net/2.0.5/css/dataTables.bootstrap5.css">
    <div class="col-lg-9 layout">
        <div class="align-content-end">
            <a href="{{route('seller.property.create')}}" class="btn btn-success">Add Property</a>
        </div>
        <table id="example" class="table table-striped" style="width:100%">
            <thead>
            <tr>
                <th>Sno</th>
                <th>Image</th>
                <th>Property Name</th>
                <th>Price</th>
{{--                @dd($property_id);--}}
{{--                @isset($property_id)--}}
{{--                    <th>Chat</th>--}}
{{--                @endisset--}}
                <th>Description</th>
                <th>Updated At</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>

            @foreach($properties as $key => $property)
                <tr>
                    <td>{{$key +1}}</td>

                    <td> <img src="{{$property['property']->getFirstMediaUrl('property_images') ?? ''}}" class="img-fluid " width="39px"height="39px"></td>
                    <td>{{$property['property']->name}}</td>
                    <td>${{$property['property']->price}}</td>
{{--                    <td>--}}
{{--                        @if(isset($property_id[$key]))--}}
{{--                            <a class="btn btn-warning btn-sm" type="button" href="{{ route('seller.chat.index', $property_id[$key]->sender_id) }}">Chat</a>--}}
{{--                        @else--}}
{{--                            Notyet--}}
{{--                        @endif--}}
{{--                    </td>--}}
                    <td>{{Str::words($property['property']->description,'5')}}</td>
                    <td>{{$property['property']->updated_at->diffForHumans()}}</td>
                    <td><div class="btn-group">
                            <button type="button" class="btn btn-info btn-group-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                Action
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="{{route('seller.property.edit',$property->property_id)}}">Edit</a></li>
                                <li><a class="dropdown-item" href="{{route('seller.property.delete',$property->property_id)}}">Delete</a></li>
                            </ul>
                        </div></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.bootstrap5.js"></script>
    <script>
        $(document).ready(function () {
            $('#example').DataTable();
        });
    </script>
@endsection