@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <p class="card-title">{{$datos['title']}}</p>
                <div class=" d-flex justify-content-between">
                    <div>
                        <a class="btn btn-success" href="{{ url('/create-post') }}"><i class="fa fa-newspaper"></i> {{$datos['newPost']}}</a>


                        @if(Request::path() == "posts" || Request::path() == "english-posts" || Request::path() == "spanish-posts" )
                        <a class="btn btn-secondary" href="{{ url($datos['link1']) }}"><i class="fa-solid fa-newspaper"></i> {{$datos['button1']}}</a>
                        <a class="btn btn-warning" href="{{ url($datos['link2']) }}"><i class="fa-regular fa-newspaper"></i> {{$datos['button2']}}</a>
                    </div>
                            @if(Request::path() == "spanish-posts")
                                <a class="btn btn-primary" href="{{ url('/trash-spanish') }}"><i class="fa fa-trash"></i> {{$datos['trash']}}</a>
                            @elseif(Request::path() == "english-posts")
                                <a class="btn btn-primary" href="{{ url('/trash-english') }}"><i class="fa fa-trash"></i> {{$datos['trash']}}</a>
                            @else
                                <a class="btn btn-primary" href="{{ url('/trash-posts') }}"><i class="fa fa-trash"></i> {{$datos['trash']}}</a>
                            @endif
                        @elseif(Request::path() == "trash-posts" || Request::path() == "trash-spanish" || Request::path() == "trash-english" )
                    </div>

                            @if(Request::path() == "trash-spanish")
                            <a class="btn btn-primary" href="{{ url('/spanish-posts') }}"><i class="fas fa-arrow-circle-left"></i> {{$datos['active']}}</a>
                            @elseif(Request::path() == "trash-english")
                            <a class="btn btn-primary" href="{{ url('/english-posts') }}"><i class="fas fa-arrow-circle-left"></i> {{$datos['active']}}</a>
                            @else
                            <a class="btn btn-primary" href="{{ url('/posts') }}"><i class="fas fa-arrow-circle-left"></i> {{$datos['active']}}</a>
                            @endif
                        @endif
                </div>
                </br>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="display expandable-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Image</th>
                                        <th>Title</th>
                                        <th>Preview</th>
                                        <th>Outstanding</th>
                                        <th>Status</th>
                                        <th>Languaje</th>
                                        <th>Category</th>
                                        <th>Writter</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($posts as $post)
                                        <tr style="vertical-align: -webkit-baseline-middle;">
                                            <td>{{ $post->id }}</td>
                                            <td><img src="storage/posts/{{ $post->image }}" style="width: 100px; border-radius: 15px"></td>
                                            <td style="max-width: 175px; ">{{ $post->title }}</td>
                                            <td>{{ $post->preview }}</td>
                                            <td>{{ ($post->outstanding) ? "Yes" : "No" }}</td>
                                            <td>{{ ($post->active) ? "Active" : "Inactive" }}</td>
                                            <td>{{ ($post->english) ? "English" : "Spanish" }}</td>
                                            <td>{{ $post->category->name }}</td>
                                            <td>{{ $post->area->name }}</td>
                                            <td style="display:flex;column-gap:3px;">

                                                @if(Request::path() == "posts" || Request::path() == "english-posts" || Request::path() == "spanish-posts")

                                                    <a href="{{ url('/edit-post').'/'.$post->id }}"
                                                       class="btn btn-sm btn-warning" style="height: 35px">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                    <form action="{{ url('/delete-post') }}" method="post" style="height: 35px">
                                                        @csrf
                                                        @method('DELETE')
                                                        <input type="hidden" value="{{ $post->id }}" name="id" style="display: none;">
                                                        <button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                                                    </form>

                                                @else

                                                    <form action="{{ url('/posts/restore-post') }}" method="post">
                                                        @csrf
                                                        @method('PUT')
                                                        <input type="hidden" value="{{ $post->id }}" name="id" style="display: none;">
                                                        <button class="btn btn-sm btn-success" style="height: 35px"><i class="fa fa-arrow-left"></i></button>
                                                    </form>
                                                    <form action="{{ url('/posts/destroy-post') }}" method="post">
                                                        @csrf
                                                        @method('DELETE')
                                                        <input type="hidden" value="{{ $post->id }}" name="id" style="display: none;">
                                                        <button class="btn btn-sm btn-danger" style="height: 35px"><i class="fa fa-trash"></i></button>
                                                    </form>

                                                @endif

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

@endsection