@extends('dashboard.layouts.app')

@section('content')
    @include('dashboard.layouts.breadcrumb', ['items' => [
        trans('app.workflows.title') => '#',
        ]])
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <div class="card-header">{{ $pageTitle }}</div>
            @can('requests-assign-user'){{--TEMP permission--}}
            <div class="card-body">
                <div class="row">
                    @foreach ($workflows as $workflow)
                        <div class="col-sm-10">
                            <a href="{{ route('dashboard.wf.executors.formWorkflow', $workflow->id) }}"
                               class="btn btn-outline-primary md-2">
                                {{ $workflow->name }}
                            </a>
                        </div>
                    @endforeach
                </div>
                {{--
                    @include('dashboard.wf.requests.search')
                --}}
            </div>
            @endcan
            <div class="row d-block p-3 d-sm-none">
                <div class="col-12 text-center p-3 mb-2 bg-primary text-white">
                    {{ trans('app.requests.title') }}
                </div>
                @forelse($requests as $request)
                    <div class="row border-bottom pb-2 mt-2">
                        <div class="col-12 text-center mb-2">
                            <b>{{ $request->title }}</b>
                        </div>
                        <div class="col-4 text-center">
                            {{ $request->workflow->id }}-{{ $request->id }}
                        </div>
                        <div class="col-8 text-center">
                            {{ $request->status->name }} <br/> {{ $request->form->name ?? '-' }}
                        </div>
                        <div class="col-12 text-center mt-2">
                            <a href="{{ route('dashboard.wf.executors.formRequest', $request->id) }}"
                               class="btn btn-primary">
                                <i class="bx bx-paper-plane"></i> فتح النموذج
                            </a>&nbsp;
                            <a href="{{ route('dashboard.wf.executors.show', $request) }}"
                               class="btn btn-primary">
                                <i class="bx bx-show"></i> عرض الطلب
                            </a>&nbsp;
                        </div>
                        <div class="col-12 text-center mt-2">
                            @can('requests-assign-user')
                                <button class="btn btn-success"
                                        onclick="addCurrentUser('{{$request->id}}')">
                                    {{ trans('app.requests.set_current_user') }}
                                </button>&nbsp;
                            @endcan

                            @can('requests-change-form')
                                <button class="btn btn-success"
                                        onclick="changeForm(this, '{{$request->id}}')">
                                    تغيير النموذج
                                </button>&nbsp;
                            @endcan

                            @can('requests-close')
                                <button class="btn btn-sm btn-warning"
                                        onclick="destroy('{{route('dashboard.wf.requests.close', $request->id)}}', '{{__('app.cfrm_close')}}')">
                                    <i class="bx bx-lock"></i>
                                </button>
                            @endcan

                            @can('requests-delete')
                                <button class="btn btn-danger"
                                        onclick="destroy('{{route('dashboard.wf.requests.delete', $request->id)}}', '{{__('app.cfrm_delete')}}')">
                                    <i class="bx bx-trash"></i>
                                </button>&nbsp;
                            @endcan
                        </div>
                    </div>
                @empty
                    <div class="col-12">
                        {{ trans('app.requests.not_found') }}
                    </div>
                @endforelse
            </div>
            <div class="table-responsive text-nowrap d-none d-sm-block">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th class="text-center">{{ trans('app.requests.id') }}</th>
                        <th class="text-center">{{ trans('app.requests.name') }}</th>
                        <th class="text-center">{{ trans('app.requests.form') }}</th>
                        <th class="text-center"></th>
                    </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                    @forelse($requests as $request)
                        <tr>
                            <td class="text-center">{{ $request->workflow->id }}
                                -{{ $request->id }} <br/>{{ date_format($request->updated_at ?? now(), 'H:m d-m-Y') }}
                            </td>
                            <td class="text-center">{{ $request->title }}</td>
                            <td class="text-center">{{ $request->status->name }} <br/> {{ $request->form->name ?? '-' }}
                            </td>
                            {{--<td class="text-center">{{ $request->currentUser?->fullname ?? '-' }}</td>--}}
                            <td class="text-center">
                                <a href="{{ route('dashboard.wf.executors.formRequest', $request->id) }}"
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="bx bx-paper-plane"></i>
                                </a>
                                <a href="{{ route('dashboard.wf.executors.show', $request) }}"
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="bx bx-show"></i>
                                </a>
                                @can('wf.requests-edit')
                                    <a href="{{ route('dashboard.wf.requests.edit', $request->id) }}"
                                        class="btn btn-sm btn-outline-primary">
                                        <i class="bx bx-edit"></i>
                                    </a>
                                @endcan
                                @can('requests-assign-user')
                                    <button class="btn btn-sm btn-outline-primary"
                                            onclick="addCurrentUser('{{$request->id}}', '{{$request->current_user_id}}')">
                                        {{ trans('app.requests.set_current_user') }}
                                    </button>
                                @endcan

                                @can('requests-change-form')
                                    <button class="btn btn-sm btn-outline-primary"
                                            onclick="changeForm(this, '{{$request->id}}')">
                                        تغيير النموذج
                                    </button>
                                @endcan

                                @can('requests-close')
                                    <button class="btn btn-sm btn-outline-warning"
                                            onclick="destroy('{{route('dashboard.wf.requests.close', $request->id)}}', '{{__('app.cfrm_close')}}')">
                                        <i class="bx bx-lock"></i>
                                    </button>
                                @endcan

                                @can('requests-delete')
                                    <button class="btn btn-sm btn-outline-danger"
                                            onclick="destroy('{{route('dashboard.wf.requests.delete', $request->id)}}', '{{__('app.cfrm_delete')}}')">
                                        <i class="bx bx-trash"></i>
                                    </button>
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center">{{ trans('app.requests.not_found') }}</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>

                <div class="card-footer clearfix" style="overflow: hidden">
                    @include('includes.paginator', ['paginator'=>$requests->appends(request()->all())])
                </div>

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

    @include('dashboard.wf.requests.current_user_pop_up')

@endsection

@push('scripts')
    <script>

        function addCurrentUser(requestId, currentUserId = null) {
            console.log(requestId, currentUserId);
            $('input[name="request_id"]').val(requestId);
            $('#emp_id').val(currentUserId).trigger('change');
            $('#addCurrentUser').modal('show');
        }


        function changeForm(ele, requestId) {
            // add loader to ele
            $(ele).html('<i class="bx bx-loader bx-spin font-size-16 align-middle mr-2"></i>');
            $.ajax({
                url: '{{ route('dashboard.wf.requests.get_change_form') }}',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    request_id: requestId
                },
                success: function (data) {
                    $(ele).html('تغيير النموذج');
                    $('body').append(data);
                    $('#changeForm').modal('show');
                }
            });

        }


    </script>

@endpush