@extends('back.layout')

@section('title')
{{ __('b29') }} - {{ __('n1') }}
@endsection

@section('content')
    <div class="content-wrapper content-wrapper--with-bg">
        <h1 class="page-title fw-bold dir">{{ __('b30') }}</h1>
        <div class="page-content dir">
            <table class="table">
                <thead>
                    <tr>
                        <th class="fw-bold text-center fs-6">#</th>
                        <th class="fw-bold text-center fs-6">{{ $comment->id }}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('b31') }}</td>
                        <td class="fw-bold text-center fs-6">{{ $comment->comment }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('b32') }}</td>
                        <td class="fw-bold text-center fs-6">
                            @if ($comment->status == 1)
                            {{ __('bs32') }}
                            @else
                            {{ __('bss32') }}
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('b33') }}</td>
                        <td class="fw-bold text-center fs-6">
                            {{ \Carbon\Carbon::parse($comment->created_at)->diffForHumans() }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('b34') }}</td>
                        <td class="fw-bold text-center fs-6">
                            {{ \Carbon\Carbon::parse($comment->updated_at)->diffForHumans() }}</td>
                    </tr>
                </tbody>
            </table>

            <div class="d-flex justify-content-between">
                <a href="" data-bs-toggle="modal" data-bs-target="#editModal" class="btn btn-primary fw-bold">
                    <i class="fa-solid fa-edit"></i>
                    {{ __('b35') }}
                </a>

                @if ($comment->status == 1)
                    <a href="" data-bs-toggle="modal" data-bs-target="#NoModal" class="btn btn-warning fw-bold">
                        <i class="fa-solid fa-ban"></i>
                        {{ __('b36') }}
                    </a>
                @else
                    <a href="" data-bs-toggle="modal" data-bs-target="#YesModal" class="btn btn-success fw-bold">
                        <i class="fa-solid fa-check"></i>
                        {{ __('b37') }}
                    </a>
                @endif

                <a href="" data-bs-toggle="modal" data-bs-target="#deleteModal" class="btn btn-danger fw-bold">
                    <i class="fa-solid fa-trash-can"></i>
                    {{ __('b38') }}
                </a>
            </div>
        </div>

    </div>

    {{-- Modals --}}

    {{-- Edit Comment Data --}}
    <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="flex-direction: row-reverse;">
                    <h1 class="modal-title fs-6 fw-bold" id="editModalLabel">{{ __('b39') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('editComment') }}" method="POST">

                        @csrf
                        @method('POST')

                        <input type="hidden" name="id" value="{{ $comment->id }}">


                        <div class="mb-3 dir">
                            <label for="comment" class="mb-1 fw-bold text-dark">{{ __('b40') }}</label>
                            <textarea name="comment" id="comment"
                                class="form-control shadow-none fw-bold text-dark" required>{{ $comment->comment }}</textarea>
                        </div>

                        <button type="submit" class="btn btn-success submitForm">{{ __('b41') }}</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('b42') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Delete Comment Data --}}
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="flex-direction: row-reverse;">
                    <h1 class="modal-title fs-6 fw-bold" id="editModalLabel">{{ __('b43') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('deleteComment') }}" method="POST">

                        @csrf
                        @method('DELETE')

                        <input type="hidden" name="id" value="{{ $comment->id }}">

                        <p class="fw-bold text-dark fs-6">
                            <span class="text-danger">*</span>
                            {{ __('b44') }}
                        </p>

                        <button type="submit" class="btn btn-danger submitForm">{{ __('b45') }}</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('b46') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Make Comment Available --}}
    <div class="modal fade" id="YesModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="flex-direction: row-reverse;">
                    <h1 class="modal-title fs-6 fw-bold" id="editModalLabel">{{ __('b47') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('commentYes') }}" method="POST">

                        @csrf
                        @method('POST')

                        <input type="hidden" name="id" value="{{ $comment->id }}">

                        <p class="fw-bold text-dark fs-6">
                        {{ __('b48') }}
                        </p>

                        <button type="submit" class="btn btn-success submitForm">{{ __('b49') }}</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('b50') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{--  Make Comment Not Available --}}
    <div class="modal fade" id="NoModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header" style="flex-direction: row-reverse;">
                    <h1 class="modal-title fs-6 fw-bold" id="editModalLabel">{{ __('c1') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('commentNo') }}" method="POST">

                        @csrf
                        @method('POST')

                        <input type="hidden" name="id" value="{{ $comment->id }}">

                        <p class="fw-bold text-dark fs-6">
                        {{ __('c2') }}
                        </p>

                        <button type="submit" class="btn btn-danger submitForm">{{ __('c3') }}</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('c4') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection