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

@section('profile_content')


    <div class="portlet">
        <div class="portlet__head">
            <div class="portlet__head-label">
                <div class="portlet__head-title">@lang('my_posts')</div>
            </div>
            <div class="portlet__head-label"><a class="general_btn_sm py-1 px-3"
                                                href="{{ route('user.my-products.create.index') }}"><i
                        class="far fa-plus mr-1"></i>@lang('add_product')</a></div>
        </div>
        <div class="portlet__body p-3">
            @if($products->count())

                @foreach($products as $product)

                    <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/' . $product->image->path) }}"
                                            alt=""/></div>
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <div class="widget__item-container-content">
                                    <div class="widget__item-content">
                                        <h3 class="widget__item-title">{{ $product->name }}</h3>
                                        <ul class="widget__item-metaDesc mb-0">
                                            <li class="date"><span class="icon"> <i
                                                        class="far fa-clock"></i></span><span
                                                    class="text">{{ $product->created_at->format('Y-m-d') }} </span>
                                            </li>
                                            @if($product->dead_line)
                                                <li class="date"><span class="icon"> <i class="far fa-clock"></i></span><span
                                                        class="text">@lang('expire_at') {{ convertFromDateToFormat($product->dead_line , 'Y-m-d g:i A') }}</span>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                </div>
                            </div>


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

                                    @else
                                        <a class="btn-action mr-1 mr-lg-2 showstatus" href="#"
                                           data-status="{{ $product->status }}">
                                            <i class="fas fa-question-circle"></i>
                                        </a>
                                        <a class="btn-action mr-1 mr-lg-2"
                                                href="{{ route('user.my-products.edit.show' , $product->id) }}"><i
                                                class="fas fa-edit"></i></a>
                                    @endif

                                    <button class="btn-action delete"
                                            data-url="{{ route('user.my-products.destroy' , $product->id ) }}"><i
                                            class="fas fa-trash"></i></button>
                                </div>

                            </div>


                        </div>
                    </div>
                @endforeach



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


@endsection
        @push('js')

            <script>
                $(document).on('click', '.showstatus', function (e) {
                    if ($(this).attr('data-status') == 0) {
                        Swal.fire(
                            '{{ __('product_under_review') }}',
                            '',
                            'warning'
                        )
                    }
                })
            </script>
    @endpush