@extends('layouts.admin')
@section('title')
Brands
@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') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('frontend/css/select2.min.css') }}">
<div class="content-header-left col-md-9 col-lg-12 mb-2 ">
    <div class="row breadcrumbs-top">
        <div class="col-12 notranslate">
            <div class="user_nav">
                <div class="breadcrumb-wrapper">
                    <h5>{{ __('Brands') }}</h5>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ !empty($isUserView) ? route('users.show', encrypt($isUserView)) : url('/advertisment') }}">{{ __('attribute.Brand') }}</a>
                        </li>
                        <li class="breadcrumb-item"><a class="active" href="#">{{ __('words.View') }}</a></li>
                    </ol>
                </div>
                <div class="actionbtn_">
                    <a href="javascript:void(0);" class="delete-datatable-record text-danger delete-users-record" data-id ="{{!empty($brandObject) ? $brandObject->id :''}}" slug="{{!empty( $topSlug) ?  $topSlug :''}}" sub_slug ="{{!empty($subSlug) ? $subSlug :''}}" title="Delete"><i class="fas fa-trash"></i></a>
                    {{-- <a href="#" class="approveBrand btn btn_">Approve</a> --}}
                    @if($brandObject->status==\App\Models\AddNewBrand::BRAND_REJECTED || $brandObject->status==\App\Models\AddNewBrand::BRAND_INACTIVE)
                    <a href="#" class="btn btn_ mr-2 approveBrand" category-slug="{{!empty($brand->category_slug) ? $brand->category_slug :''}}" brand-type="{{!empty($brand->type) ? $brand->type :''}}" brand-id="{{!empty($brandObject->id) ?  $brandObject->id :''}}" data-state="{{\App\Models\AddNewBrand::BRAND_ACTIVE}}" data-toggle="modal">{{__("words.Approve")}}</a>
                    @endif
                    @if($brandObject->status==\App\Models\AddNewBrand::BRAND_ACTIVE || $brandObject->status==\App\Models\AddNewBrand::BRAND_INACTIVE)
                    <a class="btn btn_ rejectBrand " category-slug="{{!empty($brand->category_slug) ? $brand->category_slug :''}}" brand-type="{{!empty($brand->type) ? $brand->type :''}}" brand-id="{{!empty($brandObject->id) ?  $brandObject->id :''}}" data-state="{{\App\Models\AddNewBrand::BRAND_REJECTED}}" data-toggle="modal">Reject</a>
                    @endif

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

{{-- start approve brand modal --}}

<div class="modal fade notranslate" id="approveBrandModal" 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="$('#approveBrandModal').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 Brand request?</h6>
            </div>
            <div class="modal-body">
                <div class="group_btn">
                    <a class=" btn-commom submitBrandApproveform" data-id="{{$brandObject->id }}"
                        data-state="{{\App\Models\AddNewBrand::BRAND_ACTIVE}}">Yes, approve
                        Brand</a>
                    <a href="javascript:void(0);" class="btn btn_ Rejetform"
                        onClick="$('#approveBrandModal').modal('hide');">No, Cancel</a>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- end approve brand modal --}}

@php
$reasons = \App\Models\RejectedBrand::ReasonsOptions();
@endphp

{{-- reject new brand add modal start --}}
<div class="modal modalCustom fade" id="rejectBrandModal" 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 = "$('#rejectBrandModal').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 mb-4">
                  <h6>Are you sure you want to reject this New Brand's request?</h6>
              </div>
              <div class="modal-body">

                <form id="rejectReason-form" method="POST">
                  @csrf
                  <p>Select reason:</p>
                  <div class="reject_form">
                      @foreach ($reasons as $key => $value)
                          <div class="input_main">
                              <label class="checkbox_" for="{{ $key }}">
                                  <input type="radio" id="{{ $key }}" name="reason_id"
                                      value="{{ $key }}" class="brandReason d-none">
                                  <span class="checkmarks"></span>{{ $value }}
                              </label>
                          </div>
                      @endforeach
                  </div>
                  <span id="spanErrors" class="text-danger error-text reason_id_err"></span>
                  <textarea type="text" class="form-control col-md-12 otherReason d-none" id="otherTextBox" name="other_reason"
                      placeholder="Reason type here..."></textarea>
                  <span id="spanError" class="text-danger error-text other_reason_err"></span>

                      <div class="group_btn">
                        <a href="javascript:void(0);"  class="btn-commom submitBrandRejectform">Yes, reject Brand</a>
                        <a href="javascript:void(0);" class="Rejetform"
                            onClick="$('#rejectBrandModal').modal('hide');">No, Cancel</a>
                      </div>
              </div>
              </form>
              </div>
          </div>
      </div>
</div>
{{-- reject new brand modal end --}}

<div class="container-fluid">
    <div class="row">
        <div class="col-xxl-6 col-xl-7 col-lg-8 customslider">
            @if ($brandFiles->count() > 0)
            <div class="gallery-module">
                <ul class="gallery-slider popup-gallery">
                    @foreach ($brandFiles 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-') }}" alt="">
                        </a>
                    </li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div class="adminoverView_  addbrand_ mt-5">
                <div class="overview">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12">
                            <div class="overview_detail overview-detail2">
                                <h3 class="">Additional Info </h3>
                                <div class="row car-overview g-0">
                                    <div class="col-lg-6">
                                        <div class="owner-datail">
                                            <img src="{{asset('frontend/img/Tag.png')}}" class="img-fluid" alt="...">
                                            <div class="about-owner">
                                                <p>Brand Name</p>
                                                <h4>{{!empty($brandObject) ? $brandObject->title :''}}</h4>
                                            </div>
                                        </div>
                                    </div>

                                    @if(!empty($brand->country))
                                    <div class="col-lg-6">
                                        <div class="owner-datail">
                                            <img src="{{asset('frontend/img/ep_location.png')}}" class="img-fluid" alt="...">
                                            <div class="about-owner">
                                                <p>Country</p>
                                                <h4>{{$brand->country->name}}</h4>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    @if(!empty($brand->registration_number))
                                    <div class="col-lg-6">
                                        <div class="owner-datail">
                                            <img src="{{asset('frontend/img/calender.png')}}" class="img-fluid" alt="...">
                                            <div class="about-owner">
                                                <p>Reg. No.</p>
                                                <h4>{{!empty($brand) ? $brand->registration_number :''}}</h4>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    @if(!empty($brand->web_registration))
                                    <div class="col-lg-6">
                                        <div class="owner-datail">
                                            <img src="{{asset('frontend/img/calender.png')}}" class="img-fluid" alt="...">
                                            <div class="about-owner">
                                                <p>Web Registration</p>
                                                <h4><a href="{{$brand->web_registration}}" target="blank_">{{$brand->web_registration}}</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    @if(!empty($brand->product_website))
                                    @php
                                    $productOrService = ($brand->type == \App\Models\AddNewBrand::IS_PRODUCT) ? "Product" : "Service";
                                    @endphp
                                    <div class="col-lg-6">
                                        <div class="owner-datail">
                                            <img src="{{asset('frontend/img/calender.png')}}" class="img-fluid" alt="...">
                                            <div class="about-owner">
                                                <p>{{$productOrService}} Website</p>
                                                <h4><a href="{{$brand->product_website}}" target="blank_">{{$brand->product_website}}</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="brandcreateinfo_">
                        <div class="createdby me-3">
                            <h3>Created by: <strong>{{!empty($brand) ? $brand->getCreatedBy->full_name :''}}</strong></h3>
                        </div>
                        <div class="createdby">

                            <h3>Category : <strong>{{!empty($brand) ? $brand->getBrandCategory()->title :''}}</strong></h3>
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <div class="col-xxl-6 col-xl-5 col-lg-12 ">
            @if(!empty($brand->brand_logo))
            <h4 class="view-logo-heading">Brand Logo</h4>
            <a href="{{ !empty($brand->brand_logo) ? $brand->brand_logo : asset('frontend/img/slider-car.png') }}">
                <img class="img-fluid view-brand-logo" style="width:200px" src="{{ !empty($brand->brand_logo) ? $brand->brand_logo : asset('frontend/img/slider-') }}" alt="">
            </a>
            @endif
        </div>
    </div>
    <div class="row mt-4">
        <div class="col-xl-6">
            <h4 class="headingBold__">Brand Info</h4>
            <div class="brandInfo_">
                <p>{{!empty($brand) ? $brand->brand_info :''}}</p>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row mt-4">
        <div class="col-xl-12">
            <div class="searhbrandhead_">
                <h4 class="headingBold__">Existing Brands :</h4>
                <div class="searchbrands_">
                    <label><span>Search:</span><input id="brandSearch" type="search" data-model="{{!empty($modelType) ? $modelType :''}}" data-slug = "{{!empty($brand) ? $brand->category_slug :''}}" class="form-control form-control-sm" placeholder="" aria-controls="newsellerTable"></label>
                </div>
            </div>
            <div class="existingBrand_">
                <ul>
                    @foreach($allBrandRelatedToCurrentCategory as $brandKey => $brandValue)
                    <li>{{$brandValue->title}}</li>
                    @endforeach
                    {{-- <li>22 Design</li>
                    <li>32 Degrees</li>
                    <li>Active</li>
                    <li>Active Wear</li>
                    <li>Adidas</li>
                    <li>Air Force</li>
                    <li>Airblaster</li>
                    <li>Airsoft</li>
                    <li>Airwalk</li>
                    <li>Allian</li> --}}
                </ul>
            </div>
        </div>
    </div>
</div>

</div>




@endsection

@push('page_script')
<script src="{{ asset('frontend/js/select2.min.js') }}"></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>
    var typingTimer;
    var doneTypingInterval = 2000;
    $('#brandSearch').on('keyup', function() {
        clearTimeout(typingTimer);
        var searchValue = $('#brandSearch').val();
        var modelSlug = $(this).attr('data-slug');
        var modelType = $(this).attr('data-model');
        typingTimer = setTimeout(function() {
            $.ajax({
                type:'GET',
                url: site_url+ '/current-category-brands',
                data :{
                    searchValue :   searchValue,
                    modelSlug   :   modelSlug,
                    modelType   :   modelType,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                dataType : 'json',
                success: function(result)
                {
                    if ($.isEmptyObject(result.error))
                    {
                        $('.existingBrand_').empty(); // Clear existing items if necessary
                        if(Array.isArray(result.brand))
                        {
                            $.each(result.brand, function(index, brand) {
                            $('.existingBrand_').append(`<li value="${brand.id}">${brand.title}</li>`);
                        });
                        }
                        else
                        {
                            $('.existingBrand_').append(`<li value="${result.brand.id}">${result.brand.title}</li>`);
                        }
                    }
                    else
                    {
                        $('.existingBrand_').html('');
                        $('.existingBrand_').append(result.error);
                    }

                },
                // error: function(response)
                // {
                //     $('.existingBrand_').html('');
                //     $('.existingBrand_').append(response);
                // }
            })
        }, doneTypingInterval);
    });
</script>


<script>
    $(document).on('click', '.approveBrand', function (e) {
    $('#approveBrandModal').modal('show');
    $('.submitBrandApproveform').attr('brand_type', $(this).attr('brand-type'))
    $('.submitBrandApproveform').attr('brand_id', $(this).attr('brand-id'))
    $('.submitBrandApproveform').attr('data-state', $(this).attr('data-state'))
    $('.submitBrandApproveform').attr('category-slug', $(this).attr('category-slug'))
});

</script>

<script>
     $(document).on('click', '.submitBrandApproveform', function (e) {
        $('.submitBrandApproveform').addClass('block-button-text-disabled disabled');
        let url = site_url + "/approve-reject-brand";
        $.ajax({
            url: url,
            type: "POST",
            data: {
                id: $(this).attr('data-id'),
                category_slug: $(this).attr('category-slug'),
                is_approve: $(this).attr('data-state'),
                brand_id: $(this).attr('brand_id'),
                brand_type: $(this).attr('brand_type'),
                _token: $('meta[name="csrf-token"]').attr('content')
            },
            dataType: 'json',
            success: function (result) {
                $('#approveModal').modal('hide');
                toastr.success("Brand approved successfully.", 'Success!', { closeButton: true, tapToDismiss: false });
                $('.submitBrandApproveform').removeClass('block-button-text-disabled disabled');
                setTimeout(function(e)
                {
                    window.location.reload();
                },2000);
            },
            error: function (result) {
                //  window.location.reload()

            },

        });

    });
</script>

<script>
    $(document).on('click','.rejectBrand',function(){
    // var firstSpan = document.getElementById("spanError");
    // var secondSpan = document.getElementById("spanErrors");
    // firstSpan.innerHTML = "";
    // secondSpan.innerHTML = "";
    // $('.brandReason').prop('checked', false);
    $('#rejectBrandModal').modal('show');
    $('.submitBrandRejectform').attr('brand_id', $(this).attr('brand-id'))
    $('.submitBrandRejectform').attr('data-state', $(this).attr('data-state'))
    $('.submitBrandRejectform').attr('category-slug', $(this).attr('category-slug'))
});

$(document).on('click','.submitBrandRejectform',function(){
    // $('.text-danger').text(' ');
    $('.submitBrandRejectform').addClass('block-button-text-disabled disabled');
    var selectedValue = $('input[type="radio"][name="reason_id"]:checked').val();
    var otherReason = $('#otherTextBox').val();
    let url = site_url + "/approve-reject-brand";
    $.ajax({
        url: url,
        type: "POST",
        data: {
            is_approve: $(this).attr('data-state'),
            category_slug: $(this).attr('category-slug'),
            brand_id: $(this).attr('brand_id'),
            reason_id : selectedValue,
            other_reason : otherReason,
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        dataType: 'json',
        success: function (result) {
            if($.isEmptyObject(result.error)){
                $('.submitBrandRejectform').addClass('block-button-text-disabled disabled');
                $('#rejectBrandModal').modal('hide');
                toastr.success("Brand Rejected successfully.", 'Success!', { closeButton: true, tapToDismiss: false });
                setTimeout(function(e)
                {
                    window.location.reload();
                },100);
            }
            else
            {
            $('.submitBrandRejectform').removeClass('block-button-text-disabled disabled');
            printErrorMsg(result.error);
            }
        },
        error: function (result) {
        },

    });
});

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

$(document).on('change','input[type=radio][name=reason_id]',function(){
    $('.otherReason').addClass('d-none');
    if (this.value == '7') {
    $('.otherReason').removeClass('d-none');
  }
});

$(document).on('click', '.delete-datatable-record', function(e) {
    let url = site_url + "/brand-delete/" + $(this).attr('data-id');
    deleteDataTableRecord(url);
});

function deleteDataTableRecord(url, className = '') {
    // var topSlug = ,
    // var slug = $('.delete-datatable-record').attr('slug'),
    Swal.fire({
        title: "Are you sure want to delete this record?",
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes, delete it!',
        customClass: {
            confirmButton: 'btn btn-primary mr-2 dltBtn',
            cancelButton: 'btn btn-outline-danger ms-1'
        },
        buttonsStyling: false
    }).then(function(result) {
        if (result.value) {
            $("#pageloader").addClass("pageloader");
            $.ajax({
                type: "DELETE",
                url: url,
                data:{
                    sub_slug: $('.delete-datatable-record').attr('sub_slug'),
                    slug : $('.delete-datatable-record').attr('slug'),
                },
                success: function(data) {
                    $("#pageloader").removeClass("pageloader");
                    if (data.statusCode >= 200 && data.statusCode < 400) {
                        toastr.success(data.message);
                        if (className != '') {
                            $(className).remove();
                        }


                    }

                    if (data.statusCode >= 400 && data.statusCode < 500) {
                        toastr.info(data.message);
                    }

                    if (data.statusCode >= 500) {
                        alert(data.message);
                        toastr.error(data.message);
                    }
                    window.location.href = site_url + '/brands';

                },
                error: function(data) {
                    $("#pageloader").removeClass("pageloader");
                    if (data.responseJSON.statusCode >= 500) {
                        toastr.error(data.responseJSON.message);
                    }
                }
            });
        }
    });
}
</script>

@endpush