@extends('front.user.partials.layout' , ['active' => 'advertisements' , 'page' => __('advertisements')])

@section('profile_content')


    <div class="portlet">
        <div class="portlet__head">
            <div class="portlet__head-label">
                <div class="portlet__head-title">@lang('advertisements')</div>
            </div>
            <div class="portlet__head-label"><a class="general_btn_sm py-1 px-3"
                                                href="{{ route('user.my-advertisements.create.index') }}"><i
                        class="far fa-plus mr-1"></i>@lang('request_add_advertisements')</a></div>
        </div>
        <div class="portlet__body p-3">
            @if($advertisements->count())
                @foreach($advertisements as $advertisement)
                    <div class="widget__item-3">
                        <div class="row align-items-center">
                            <div class="col-lg-2">
                                <div class="widget__item-container-image">
                                    <div class="widget__item-image"><img
                                            src="{{ url('image/' . $advertisement->image->path ) }}"
                                            alt=""/></div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="widget__item-content">
                                    <h3 class="widget__item-title">{{ $advertisement->subject }}</h3>
                                    <ul class="widget__item-metaDesc mb-0">
                                        <li class="date"><span class="icon"> <i class="far fa-clock"></i></span><span
                                                class="text">{{ $advertisement->created_at->format('Y-m-d') }} </span>
                                        </li>
                                        @if($advertisement->dead_line)
                                            <li class="date"><span class="icon"> <i
                                                        class="far fa-clock"></i></span><span
                                                    class="text">@lang('expire_at') {{ convertFromDateToFormat($advertisement->dead_line , 'Y-m-d g:i A') }}</span>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="widget__item-action">
                                    @if($advertisement->status == 1)
                                        <a class="btn-action mr-1 mr-lg-2"
                                           href="{{ route('user.my-advertisements.inquiries.show' , ['id' => $advertisement->id , 'type' => 'advertisement']) }}">
                                            <i class="fas fa-question-circle"></i>
                                        </a>

                                    @else
                                        <a class="btn-action mr-1 mr-lg-2 showstatus"  href="#"
                                           data-status="{{ $advertisement->status }}" data-reason="{{ $advertisement->reason }}">
                                            <i class="fas fa-question-circle"></i>
                                        </a>
                                    @endif
                                    <a class="btn-action mr-1 mr-lg-2"
                                       href="{{ route('user.my-advertisements.edit.show' , $advertisement->id) }}"><i
                                            class="fas fa-edit"></i></a>
                                    <button class="btn-action delete"
                                            data-url="{{ route('user.my-advertisements.destroy' , $advertisement->id ) }}"><i
                                            class="fas fa-trash"></i></button>
                                </div>

                            </div>


                        </div>
                    </div>
                @endforeach
            @endif

            <nav aria-label="Page navigation example ">
                <ul class="pagination justify-content-center mb-4">
                    {!! $advertisements->links() !!}
                </ul>
            </nav>
        </div>
    </div>


@endsection

@push('js')

    <script>
        $(document).on('click', '.showstatus', function (e) {
            if ($(this).attr('data-status') == 0) {
                Swal.fire(
                    '{{ __('advertisement_under_review') }}',
                    '',
                    'warning'
                )
            }else if ($(this).attr('data-status') == 2) {
                Swal.fire(
                    '{{ __('advertisement_rejected') }}',
                    'Reason : ' + $(this).attr('data-reason'),
                    'error'
                )
            }
        })
    </script>
@endpush