@extends('back.layout')

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

@section('content')
    <div class="content-wrapper content-wrapper--with-bg">
        <h1 class="page-title fw-bold dir">{{ __('c36') }}</h1>
        <div class="page-content dir">
            <table class="table dir">
                <thead>
                    <tr>
                        <th class="fw-bold text-center fs-6">{{ __('c37') }}</th>
                        <th class="fw-bold text-center fs-6">{{ \App\Models\User::find($submit->user_id)->name }}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c38') }}</td>
                        <td class="fw-bold text-center fs-6">{{ \App\Models\User::find($submit->user_id)->email }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c39') }}</td>
                        <td class="fw-bold text-center fs-6">{{ \App\Models\User::find($submit->user_id)->balance }} Trx</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c40') }}</td>
                        <td class="fw-bold text-center fs-6">{{ \Carbon\Carbon::parse($submit->created_at)->diffForHumans() }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c41') }}</td>
                        <td class="fw-bold text-center fs-6">{{ $submit->created_at }}</span></td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c42') }}</td>
                        <td class="fw-bold text-center fs-6">
                            @if (\App\Models\Task::find($submit->task_id)->type == 1)
                            {{ __('c43') }}
                            @elseif (\App\Models\Task::find($submit->task_id)->type == 2)
                            {{ __('c44') }}
                            @elseif (\App\Models\Task::find($submit->task_id)->type == 3)
                            {{ __('c45') }}
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c46') }}</td>
                        <td class="fw-bold text-center fs-6">{{ \App\Models\Task::find($submit->task_id)->price }} Trx</td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c47') }}</td>
                        <td class="fw-bold text-center fs-6">
                            <a href="{{ $submit->link }}" class="btn btn-primary fw-bold">
                            {{ __('c48') }}
                            </a>
                        </td>
                    </tr>
                    @if (!empty($submit->comment))
                    <tr>
                        <td class="fw-bold text-center fs-6">{{ __('c49') }}</td>
                        <td class="fw-bold text-center fs-6">{{ $submit->comment }}</td>
                    </tr>
                    @endif
                    @if (!empty($submit->image))
                        <tr>
                            <td class="fw-bold text-center fs-6">{{ __('c50') }}</td>
                            <td class="fw-bold text-center fs-6"><img src="{{ $submit->image }}" width="100" height="100" alt=""></td>
                        </tr>
                    @endif
                    
                    @if (App\Models\Task::find($submit->task_id)->type == 1)
                        <tr>
                            <td class="fw-bold text-center fs-6" colspan="2">{{ __('d1') }}</td>
                        </tr>
                        <tr>
                            <td class="fw-bold text-center fs-6" colspan="2">
                                <img src="{{ $submit->getMedia('TaskScreen')[0]->getUrl() }}" class="img-thumbnail" alt="">
                            </td>
                        </tr>
                    @endif
                    
                </tbody>
            </table>

            @if ($submit->status == 'Pending')
                <div class="d-flex justify-content-between">
                    <a href="" data-bs-toggle="modal" data-bs-target="#AcceptModal" class="btn btn-primary fw-bold">
                        <i class="fa-solid fa-edit"></i>
                        {{ __('d2') }}
                    </a>

                    <a href="" data-bs-toggle="modal" data-bs-target="#RefuseModal" class="btn btn-danger fw-bold">
                        <i class="fa-solid fa-trash-can"></i>
                        {{ __('d3') }}
                    </a>
                </div>
            @elseif ($submit->status == 'Canceled')
                <div class="text-center fw-bold text-dark fs-6">
                {{ __('d4') }} : {{ $submit->updated_at }} | {{ \Carbon\Carbon::parse($submit->updated_at)->diffForHumans() }}
                </div>
            @else
                <div class="text-center fw-bold text-dark fs-6">
                {{ __('d5') }} : {{ $submit->updated_at }} | {{ \Carbon\Carbon::parse($submit->updated_at)->diffForHumans() }}
                </div>
            @endif
        </div>
    </div>

    {{-- Modals --}}

    {{-- Accept Task --}}
    <div class="modal fade" id="AcceptModal" 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">{{ __('d6') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('acceptTask') }}" method="POST">

                        @csrf
                        @method('POST')

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

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

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

    {{-- Refuse Task --}}
    <div class="modal fade" id="RefuseModal" 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">{{ __('d10') }}</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('refuseSubmit') }}" method="POST">

                        @csrf
                        @method('POST')

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

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

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="reShow" value="yes" id="flexCheckDefault">
                            <label class="form-check-label fw-bold" for="flexCheckDefault">
                            {{ __('d12') }}
                            </label>
                        </div>

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

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

@endsection