@extends('admin.layout.admin')
@section('content')

    <div class="card">
        <div class="content-page">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">

                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item active" aria-current="page" style="color: #333; font-weight: bold;">
                                Dashboard
                            </li>
                        </ol>
                    </div>
                </div>


                <h2>Instagram Posts</h2>
                <div style="display: flex; justify-content: right; margin-bottom: 10px;">
                    <a href="{{ route('admin.InstagramPost.create') }}" class="btn btn-primary"
                       style="font-size: 1rem; padding: 10px 20px; background-color: black; color: white; border: none;">
                        Add New
                    </a>
                </div>

                <table class="ll-table table table-hover text-nowrap">
                    <thead>
                    <tr>
                        <th>Name</th>
                        <th>image</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($posts as $post)
                        <tr>
                            <td>{{ $post->name }}</td>
                            <td>
                                <img src="{{ $post->getFirstMediaUrl('images') }}" class="custom-img" style="width: 100px;">
                            </td>



                            <td>
                                <div class="d-flex align-items-center py-2 pr-3">
                                    <a href="{{ route('admin.InstagramPost.edit',$post->id) }}"
                                       class="btn bg-info ml-2">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <form action="{{ route('admin.InstagramPost.destroy',$post->id) }}"
                                          method="post">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn bg-danger" type="submit"> <i
                                                class="fas fa-trash"></i></button>
                                    </form>

                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>


@endsection