@extends('layouts.admin')

@section('title') Ads @endsection

@section('content')
@push('page_style')
<!-- Owl slider Stylesheet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<link rel="stylesheet" href="{{ asset('frontend/css/slick-slider.css') }}">

@endpush


@if (!empty($advertismentObject->business) || !empty($advertismentObject->crypto || !empty($advertismentObject->jobs || !empty($advertismentObject->services))))
@php
$slug = $advertismentObject->lastCategory()->first()->getCategory->slug;
@endphp
@elseif (!empty($advertismentObject->property) ||
!empty($advertismentObject->boat) || !empty($advertismentObject->car) || !empty($advertismentObject->caravans) ||
!empty($advertismentObject->electronic) || !empty($advertismentObject->sports))
@php
$slug = $advertismentObject->getAdvertismentCategory()->get()->offsetGet(1)->getCategory->slug;
@endphp
@else
@php
$slug = 'sale';
@endphp
@endif
<section id="datail-banner" class="ads_main">
    <div class="container">
        @if (auth()->user()->isModerator() && !empty($advertismentObject->reports_pending_count))
        <div class="row mt-3">
            <div class="col-md-7">
                <div class="priceBoxLeft">
                    <div class="priceUser d-block mb-3">
                        @foreach ($advertismentObject->reportsPending as $report)
                        <article class="d-flex align-items-center mb-2">
                            <h6 class="subtext">Report ID : </h6>
                            <span class="reportDetails"> {{$report->report_id}}</span>
                        </article>
                        <article class="d-flex align-items-center mb-2">
                            <h6 class="subtext">Reason : </h6>
                            <span class="reportDetails"> {{$report->getReason()}}</span>
                        </article>
                        <article class="d-flex mb-2">
                            <h6 class="subtext">Comment : </h6>
                            <span>{{!empty($report->comment) ? $report->comment :'N/A'}}</span>
                        </article>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="col-md-5 text-right">
                <div class="priceBoxright justify-content-end">
                    <div class="priceUser">
                        <figure>
                            <img class="img-fluid" src="{{asset('frontend/img/editProfile1.svg')}}">
                        </figure>
                        <article>
                            <h6>Ad post by</h6>
                            <h3> {{$advertismentObject->getCreatedBy->full_name}}</h3>
                        </article>
                    </div>
                    <figure class="myaddopen">
                        <div class="dropdown">
                            <button class="btn myaddopen_options" type="button" id="dropdownMenuButton1"
                                data-toggle="dropdown" aria-expanded="false">
                                <img src="{{asset('frontend/img/myaddbar.png')}}">
                            </button>
                            <ul class="dropdown-menu" aria-lab elledby="dropdownMenuButton1">
                                <li class="removeReject">
                                    <a class="dropdown-item rejectModal {{((((auth()->user()->is_auto_ads_approve == 1) || (!empty($activity) && ($activity->causer_id != auth()->user()->id))) && (auth()->user()->isModerator())) ? ' disabled' : '')}}"
                                        data-id="{{$advertismentObject->id}}"
                                        data-state="{{\App\Models\Advertisment::IS_NOT_APPROVED}}">Reject</a>

                                </li>
                                <li><a class="dropdown-item"
                                        href="{{route('report.changeStatus',['id' => $advertismentObject->id,'type' => \App\Models\Report::TYPE_ADS])}}">Correct
                                    </a></li>

                                <li><a class="dropdown-item reportForAccountClose" href="javascript:void(0);"
                                        data-id="{{$advertismentObject->getCreatedBy->id}}">Report For Account Close
                                    </a></li>

                            </ul>
                        </div>
                    </figure>
                </div>
            </div>
        </div>
        @endif
        <div class="row mt-3">
            <div class="car_details_maintiltle">
                <h3>{{!empty($advertismentObject->title) ? $advertismentObject->title :''}}</h3>
            </div>
            @if ($slug == 'sale')
            <div class="col-md-8">
                <div class="gallery-module">
                    <ul class="gallery-slider popup-gallery">
                        @if ($advertismentObject->files_count > 0)
                        @foreach ($advertismentObject->files as $key => $file)
                        <li>
                            <a href="{{ !empty($file->image) ? $file->image : asset('frontend/img/slider-car.png') }}">
                                <img class="img-fluid" src="{{ !empty($file->image) ? $file->image : asset('frontend/img/slider-car.png') }}"
                                    alt="">
                            </a>
                        </li>
                        @endforeach
                        @else
                        <li>
                            <a href="{{asset('frontend/img/slider-car.png')}}">
                                <img class="img-fluid" src="{{asset('frontend/img/slider-car.png')}}" alt="">
                            </a>
                        </li>
                        @endif
                    </ul>
                </div>
            </div>
            @endif

            <div class="col-md-4">
                
                <div class="mb-3">
                
                    <a href="javascript:void(0);" delete_form="delete_customer_form" data-id="37"
                        class="delete-datatable-record text-danger delete-users-record" title="Delete"><i
                            class="fas fa-trash"></i></a>
                            @if($advertismentObject->state_id==App\Models\Report::STATUS_REPORTED && (auth()->user()!=isModerator()))
                    <a class="btn btn_ mr-2 approveReject" data-id="{{$advertismentObject->id }}"
                        data-state="{{\App\Models\Advertisment::IS_APPROVED}}" data-toggle="modal"
                        data-target="#approveAdModal">Approve</a>
                    <a class="btn btn_ mr-2 rejectModal {{((((auth()->user()->is_auto_ads_approve == 1) || (!empty($activity) && ($activity->causer_id != auth()->user()->id))) && (auth()->user()->isModerator())) ? ' disabled' : '')}}"
                        data-id="{{$advertismentObject->id}}"
                        data-state="{{\App\Models\Advertisment::IS_NOT_APPROVED}}">Reject</a>
                       @endif
                    <a class="btn btn_ 
                        ">Go Back</a>
                </div>
                <div class="car-price">
                    <h4 class="listPrice_">{{$advertismentObject->price_with_currency}}<br>
                        <span class="card_subtitle">(Fixed Price )</span>
                    </h4>

                    <ul class="accptableCoins previewcoins_ p-0">
                        @if (!empty($advertismentObject->business) || !empty($advertismentObject->crypto || !empty($advertismentObject->jobs) || !empty($advertismentObject->services)))

                        @php
                        $slug = ($advertismentObject->lastCategory()->first()->getCategory->slug == 'sale')? "Accept:" :
                        "Pay With:" ;
                        @endphp
                        <h6 class="mb-0">{{$slug}}</h6>
                        @elseif (!empty($advertismentObject->property) || !empty($advertismentObject->boat) ||
                        !empty($advertismentObject->car))

                        @php
                        $slug = ($advertismentObject->getAdvertismentCategory()->get()->offsetGet(1)->getCategory->slug
                        == 'sale') ? "Accept:" : "Pay With:" ;
                        @endphp
                        <h6 class="mb-0">{{ $slug }}</h6>

                        @else
                        <h6 class="mb-0">Accept</h6>
                        @endif
                        @foreach ($advertismentObject->cryptoPayment as $method)

                        <li class="coinsItems">
                            <a href="javascript:void(0);" class="coinsLinks">
                                @if (!empty($method->payment->image))
                                <img src="{{ $method->payment->image }}" class="img-fluid mt-2">
                                @else
                                <span>{{ $method->payment->title }}</span>
                                @endif
                            </a>
                        </li>
                        @endforeach

                    </ul>
                    <ul class="accptableCoins p-0 d-flex align-items-center">
                        <img src="{{ asset('frontend/img/fiatImg.svg') }}" class="img-fluid me-2">
                        <h6 class="mb-0 ">{{!empty($advertismentObject->is_accept_fiat) ? 'Fiat Money': '' }}</h6>
                    </ul>



                </div>
                <div class="owner-info ">

                    @if($advertismentObject->is_approved != \App\Models\Advertisment::IS_APPROVED &&
                    $advertismentObject->is_approved != \App\Models\Advertisment::REJECTED )
                    <div class="choose-main text-end">

                    </div>

                    @endif
                    <div class="map-details">
                        <h4>{{$advertismentObject->unique_id}}</h4>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!-- End Banner slider -->
    </div>
</section>

<!-- Start car Overview -->
<section class="overview">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                @if(!empty($advertismentObject->car))
                @include('advertisment.partials.cars.carDetail')
                @endif

                @if (!empty($advertismentObject->property))
                @include('advertisment.partials.property.detail')
                @endif

                @if (!empty($advertismentObject->boat))
                @include('advertisment.partials.boats.detail')
                @endif
                <div class="overview_detail">
                    <h3 class="mt-4">Overview</h3>
                    <div class="row car-overview g-0">

                        @if(!empty($advertismentObject->car))
                        <div class="col-lg-2">
                            <div class="owner-datail">
                                <img src="{{asset('frontend/img/Admin.png')}}" class="img-fluid" alt="...">
                                <div class="about-owner">
                                    <p>Owner</p>
                                    <h4>{{$advertismentObject->car->getOwner()}}</h4>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if (!empty($advertismentObject->business))
                        @include('advertisment.partials.business.tag')
                        @endif

                        @if (!empty($advertismentObject->crypto))
                        @include('advertisment.partials.crypto.tag')
                        @endif

                        @if (!empty($advertismentObject->property))
                        @include('advertisment.partials.property.tag')
                        @endif

                        @if (!empty($advertismentObject->car))
                        @include('advertisment.partials.cars.tag')
                        @endif

                        @if (!empty($advertismentObject->boat))
                        @include('advertisment.partials.boats.tag')
                        @endif

                        @if (!empty($advertismentObject->caravans))
                        @include('advertisment.partials.caravans.tag')
                        @endif

                        @if (!empty($advertismentObject->electronic))
                        @include('advertisment.partials.electronics.tag')
                        @endif

                        @if (!empty($advertismentObject->sports))
                        @include('advertisment.partials.sportsActivities.tag')
                        @endif


                        <div class="col-lg-4">
                            <div class="owner-datail">
                                <img src="{{asset('frontend/img/ep_location.png')}}" class="img-fluid" alt="...">
                                <div class="about-owner">
                                    <p>Location</p>
                                    <h4>{{$advertismentObject->getAdvertismentAddress()}}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="owner-datail">
                                <img src="{{asset('frontend/img/calender.png')}}" class="img-fluid" alt="...">
                                <div class="about-owner">
                                    <p>Posting date</p>
                                    <h4>{{!empty($advertismentObject->published_at) ? date('M-d-Y',strtotime($advertismentObject->published_at)) :'Aug-30-2022'}}
                                    </h4>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="mt-4">
                        <h6 class="m-0">Description</h6>
                        <p>                        </p>
                    </div>
                    @if (!empty($advertismentObject->property))
                    @include('advertisment.partials.property.keywords')
                    @endif

                    @if(!empty($advertismentObject->sports))
                    @include('advertisment.partials.sportsActivities.keywords')
                    @endif

                    @if (!empty($advertismentObject->property))
                    @include('advertisment.partials.property.moreoptions')
                    @endif

                    @if(!empty($advertismentObject->electronic))
                    @include('advertisment.partials.electronics.keywords')
                    @endif

                    @if(!empty($advertismentObject->car))
                    @include('advertisment.partials.cars.feature')
                    @endif

                    @if(!empty($advertismentObject->carVehicles))
                    @include('advertisment.partials.cars-vehicles.feature')
                    @endif
                    @if (!empty($advertismentObject->boat))
                    @include('advertisment.partials.boats.feature')
                    @endif





                </div>
                @if (!empty($advertismentObject->property))
                @include('advertisment.partials.property.keywords')
                @endif
                @if (!empty($advertismentObject->property))
                @include('advertisment.partials.property.moreoptions')
                @endif

            </div>
        </div>
    </div>
    </div>
</section>
<!-- Start car Overview -->


@if (auth()->user()->isModerator() && !empty($advertismentObject->reports_pending_count))

<div class="modal fade" id="approveModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <a href="#" class="cancel-model" onclick="$('#approveModal').modal('hide')" data-bs-dismiss="modal"
                aria-label="Close">
                <img src="{{asset('frontend/img/Cancel.svg')}}" class="img-fluid"></a>
            <div class="modal-header">
                <img src="{{asset('frontend/img/trashicon.png')}}" class="img-fluid">
                <h6>Are you sure you want request to report the user <span class="messageContent">
                        "{{$advertismentObject->getCreatedBy->full_name}}"</span> account close?</h6>
            </div>
            <div class="modal-body">
                <form id="report-form" method="GET">
                    @csrf
                    <div class="reject_form">
                        @foreach ($accountCloseReason as $key => $reason)
                        <div class="input_main">
                            <label class="checkbox_" for="report{{$key}}">{{$reason}}
                                <input type="radio" id="report{{$key}}" name="reason_id" value="{{$key}}">
                                <span class="checkmarks"></span>
                            </label>
                        </div>
                        @endforeach
                    </div>
                    <span class="text-danger error-text reason_id_err"></span>

                    <input type="hidden" name="model_type" value="{{\App\Models\Report::TYPE_REPORTED}}" />
                    <input type="hidden" name="model_id" value="{{ $advertismentObject->getCreatedBy->id }}" />
                    <input type="hidden" name="ad_id" value="{{ $advertismentObject->id }}" />

                    <textarea rows="4" cols="31" placeholder="Type here" name="comment" class="form-control"></textarea>
                    <span class="text-danger error-text comment_err"></span>
                    <div class="text-center">
                        <input type="submit" class="btn-commom mt-3" value="Submit Report">
                    </div>
                </form>

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

<div class="modal fade" id="approveAdModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <a href="#" class="cancel-model" onclick="$('#approveAdModal').modal('hide')" data-bs-dismiss="modal"
                aria-label="Close">
                <img src="{{asset('frontend/img/Cancel.svg')}}" class="img-fluid"></a>
            <div class="modal-header">
                <img src="{{asset('frontend/img/Rejet.svg')}}" class="img-fluid">
                <h6>Are you sure you want to approve this AD's request?</h6>
            </div>
            <div class="modal-body">
                <div class="group_btn">
                    <a class="btn btn_ submitAdApproveform" data-id="{{$advertismentObject->id }}"
                        data-state="{{\App\Models\Advertisment::IS_APPROVED}}" data-url="advertisment">Yes, approve
                        Ad</a>
                    <a href="javascript:void(0);" class="btn btn_ Rejetform"
                        onClick="$('#approveAdModal').modal('hide');">No, Cancel</a>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal modalCustom fade" id="rejectModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered rejectAdContent">

    </div>
</div>


@endsection
@push('page_script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="{{ asset('frontend/js/slick-slider.js') }}"></script>
<script src="{{ asset('js/pages/reject.js') }}"></script>
<script src="{{ asset('js/pages/advertisment/currencyConvert.js') }}"></script>


<script>
$(document).on('click', '.reportForAccountClose', function(e) {

    $('#approveModal').modal('show');
});

$("#report-form").submit(function(e) {

    //prevent Default functionality
    e.preventDefault();
    let url = "{{route('report.create')}}";
    $.get(url, $('#report-form').serialize()).done(function(data) {
        if ($.isEmptyObject(data.error)) {
            window.location.reload();
        } else {
            printErrorMsg(data.error);
        }
    });

});

$(document).on('click', '.rejectModal', function(e) {
    let url = site_url + '/reject-ad-modal'
    $.ajax({
        url: url,
        type: "GET",
        data: {
            id: $(this).attr('data-id'),
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        dataType: 'json',
        success: function(result) {
            $('.rejectAdContent').html(result.view);
        },
        error: function(result) {
            //    window.location.reload()

        },

    });
});

$(document).on('click', '.violationModal', function(e) {
    let url = site_url + '/reject-ad-modal'
    $.ajax({
        url: url,
        type: "GET",
        data: {
            id: $(this).attr('data-id'),
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        dataType: 'json',
        success: function(result) {
            $('.rejectAdContent').html(result.view);
        },
        error: function(result) {
            //    window.location.reload()

        },

    });
});

$(document).on('click', '.submitAdApproveform', function(e) {

    let url = site_url + "/approve-reject-advertisment";
    $.ajax({
        url: url,
        type: "POST",
        data: {
            id: $(this).attr('data-id'),
            is_approve: $(this).attr('data-state'),
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        dataType: 'json',
        success: function(result) {
            let loadUrl = site_url + '/' + 'advertisment';
            window.location.href = loadUrl;
            $('#approveAdModal').modal('hide');

        },
        error: function(result) {
            window.location.reload()

        },

    });

});
$(document).on('click', '.submitApproveform', function(e) {

    let url = site_url + "/store-delete-request";
    $.ajax({
        url: url,
        type: "POST",

        data: $('#deleteRequestForm').serialize(),
        success: function(data) {
            if ($.isEmptyObject(data.error)) {
                window.location.reload();
            } else {
                printErrorMsg(data.error);
            }

        },
        error: function(data) {
            printErrorMsg(data.error);

        },

    });

});

function printErrorMsg(msg) {
    $.each(msg, function(key, value) {
        $('.' + key + '_err').text(value);
    });

}
</script>

@endpush