@extends('layouts.auth')

@section('title') {{__('words.Add Brand')}} @endsection


@push('page_style')
    <link rel="stylesheet" href="{{ asset('frontend/css/pickdate.css') }}">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.5/cropper.min.css"
        integrity="sha512-Aix44jXZerxlqPbbSLJ03lEsUch9H/CmnNfWxShD6vJBbboR+rPdDXmKN+/QjISWT80D4wMjtM4Kx7+xkLVywQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        .cyberpunk-checkbox {
            appearance: none;
            width: 20px;
            height: 20px;
            border: 2px solid #e63c2f;
            border-radius: 5px;
            background-color: transparent;
            display: inline-block;
            position: relative;
            margin-right: 10px;
            cursor: pointer;
        }

        .cyberpunk-checkbox:before {
            content: "";
            background-color: #e63c2f;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0);
            width: 10px;
            height: 10px;
            border-radius: 3px;
            transition: all 0.3s ease-in-out;
        }

        .cyberpunk-checkbox:checked:before {
            transform: translate(-50%, -50%) scale(2);
        }

        .cyberpunk-checkbox-label {
            font-size: 13px;
            color: #333;
            cursor: pointer;
            user-select: none;
            display: flex;
            align-items: center;
        }

        #brand-loader::after{
        content: "";
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
        border-style: solid;
        border-color: #e63c2f;
        border-top-color: transparent;
        border-width: 4px;
        border-radius: 50%;
        -webkit-animation: spin 0.8s linear infinite;
        animation: spin 0.8s linear infinite;
    }
        .g-height-50 {
            height: 50px;
        }

        .g-width-50 {
            width: 50px !important;
        }

        @media (min-width: 0) {
            .g-pa-30 {
                padding: 2.14286rem !important;
            }
        }

        .g-bg-secondary {
            background-color: #fafafa !important;
        }

        .u-shadow-v18 {
            box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
        }

        .g-color-gray-dark-v4 {
            color: #777 !important;
        }

        .g-font-size-12 {
            font-size: 0.85714rem !important;
        }

        .media-comment {
            margin-top: 20px
        }

        .singleImageCanvasContainer {
            overflow: hidden;
            height: 200px;
            width: 30%;
            display: inline-block;
            position: relative;
            padding-right: 0px;
            margin-right: 15px;
            border: 2px solid #dfdfdf;
            margin-bottom: 10px;
            padding: 4px;
            border-radius: .25rem;
        }

        .singleImageCanvasEditBtn {
            position: absolute;
            z-index: 9;
            top: 16px;
            right: -10px;
            border-radius: 50%;
            height: 25px;
            width: 25px;
            background: #a4a4a4;
            color: #fff;
            font-size: 10px;
            border: 1px solid #fff;
            padding: 0px 7px;
            text-align: center;
        }

        .singleImageCanvasContainer .singleImageCanvasCloseBtn {
            position: absolute;
            right: 0;
        }

        .singleImageCanvasContainer .singleImageCanvas {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>
@endpush

@section('content')
<section class="postAd_ brandsadd_">
    <div id="brand-loader" style="position: absolute; width: 100%; left: 0; right: 0; top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.7);z-index: 9999;"></div>
    @php
    $brandClass = ($brand == \App\Models\AddNewBrand::FOR_BRAND) ? 'brand' : ($brand == \App\Models\AddNewBrand::FOR_TIRE_BRAND ? 'tireBrand' : 'partBrand');
    $brandNameText = (!empty($brand) && $brand == \App\Models\AddNewBrand::FOR_BRAND) ? ' Brand ' :((!empty($brand) && $brand == \App\Models\AddNewBrand::FOR_TIRE_BRAND) ? ' Tire Brand ' :' Part Brand ');    @endphp
    <form class="form_Loginhorizontal {{$brandClass}}" id="addBrandForm" role="form" method="POST" enctype="multipart/form-data">

        @csrf
        <div class="container">
            <div class="postAd_Contaniners_ mt-5 px-4 py-4">
                <h3 class="postAd_Subheading_ px-0 mb-3">{{__('words.Add'.$brandNameText.'Name')}}</h3>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="input-group ckeckfiat_ py-4">
                            <div class="checkmark_ checkmark_divs">
                                <input type="radio" data-id="" id="is_exists" name="is_exists" value="1" checked="checked" />
                                <label for="is_exists" class="labelTxt_">
                                    {{ __('words.The brand already exists in the market') }}
                                    <div class="infoiconText"><img class="img-fluid infoIcon" src="/frontend/img/iIcon.png">
                                        <span class="showinfoText"> {{__("words.The product or service already exists in the market and no registration information is required.")}}</span>
                                    </div>
                                </label>
                            </div>

                            <div class="checkmark_ checkmark_divs">
                                <input type="radio" data-id="" id="not_exists" name="is_exists" value="0" />
                                <label for="not_exists" class="labelTxt_">
                                    {{ __('words.I Want to add my own Brand') }}
                                    <div class="infoiconText"><img class="img-fluid infoIcon" src="/frontend/img/iIcon.png">
                                        <span class="showinfoText"> {{__("words.You already have a trademark registered in your name or your company name and want to add it.")}}</span>
                                    </div>
                                </label>
                            </div>
                        </div>

                        <div class="form-group mb-3 col-md-12">
                            <label class="loginLabel_txt" for="description"> {{__("words.Brand Name")}} <span class="textRed_">{{__("words.(What is the Brand Name?)")}}</span>
                                <div class="infoiconText"><img class="img-fluid infoIcon" src="/frontend/img/iIcon.png">
                                    <span class="showinfoText"> {{__("words.Make sure the name exactly matches the Registration name What best describes the brand")}}</span>
                                </div>
                            </label>
                            {{-- {{dd(session('brand_name'))}} --}}
                            <input style="margin-top: 8px" id="brand_name" type="text" class="form-control upload_detail textcount" name="brand_name" value="{{ old('brand_name') }}" maxlength="60">
                            <div class="counter palycount_"><span id="titleFrom">0</span> / <span id="titleTo">60</span> </div>
                            <span class="text-danger error-text brand_name_err"></span>
                        </div>

                        <div class="form-group mb-3 col-md-12">
                            <label class="loginLabel_txt" for="description"> {{__("words.Brand Information")}} <span class="textRed_">{{__("words.(What is the Brand do?)")}}</span>
                                <div class="infoiconText"><img class="img-fluid infoIcon" src="/frontend/img/iIcon.png">
                                    <span class="showinfoText"> {{__("words.Enter a detailed description of the ad. Try to describe the product or service as accurately as possible.")}}</span>
                                </div>
                            </label>
                            <textarea id="brand_info" name="brand_info" class="form-control upload_detail descriptionCount" placeholder="" rows="5" maxlength="500">{{ old('brand_info') }}</textarea>
                            <div class="counter palycount_"><span id="descriptionFrom">0</span> / <span id="descriptionTo">500</span> </div>

                            <span class="text-danger error-text brand_info_err"></span>
                        </div>

                        @php
                        $world = App\Models\Country::select('id', 'name', 'iso2')->orderBy('name', 'asc')->get();
                        @endphp




                        <div class="d-none" id=forOwnBrand>
                            <div class="form-group mb-3 col-md-12">
                                <input type="hidden" name="country_id" value="" />
                                <label class="loginLabel_txt" for="country">{{__("words.Country")}} <span class="textRed_">{{__("(words.Where is the brand registered?)")}}</span>
                                    <div class="infoiconText"><img class="img-fluid infoIcon"
                                        src="/frontend/img/iIcon.png">
                                    <span
                                        class="showinfoText vv">{{ __(
                                            'words.Country of registration of the mark.If the brand is registered in more than one country, select only one country.',
                                        ) }}</span>
                                    </div>
                                </label>
                                    <select class="form-control upload_detail select2-multiple-country {{ $errors->has('country_id') ? ' is-invalid' : '' }}" id="country_id" name="country_id">
                                        <option value="">{{__("words.Select Country")}}</option>
                                        @foreach($world as $key => $country)
                                            <option value="{{$country->id}}" data-id="{{strtolower($country->iso2)}}" data-country="{{$country->name}}" title="" {{old('country_id') == $country->id ? 'selected' : ""}}>
                                                {{$country->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                @if ($errors->has('country_id'))
                                <span class="error invalid-feedback" role="alert">
                                     {{ $errors->first('country_id') }}
                                </span>
                                @endif
                                <span class="text-danger error-text  country_id_err"></span>
                            </div>

                            <div class="form-group mb-3 col-md-12">
                                <label class="loginLabel_txt" for="description">
                                    {{ __('words.Registration Number') }}
                                    <span class="textRed_">{{ __('words.What is the Certificate Number?') }}</span>
                                </label>

                                    <div class="infoiconText"><img class="img-fluid infoIcon"
                                        src="/frontend/img/iIcon.png">
                                    <span
                                        class="showinfoText vv">{{ __(
                                            'words.Certificate registration number',
                                        ) }}</span>
                                    </div>
                                </label>
                                <input style="margin-top: 8px" id="title" type="text" class="form-control upload_detail {{ $errors->has('title') ? ' is-invalid' : '' }}" name="registration_number" value="" placeholder="" maxlength="100">
                            </div>

                            <div class="form-group mb-3 col-md-12">
                                <label class="loginLabel_txt" for="description">{{ __("words.Web Registration of a Brand") }} <span class="textRed_">{{ __("words.(On which website is the Brand Registered?)") }}</span>

                                    <div class="infoiconText"><img class="img-fluid infoIcon"
                                        src="/frontend/img/iIcon.png">
                                    <span
                                        class="showinfoText vv">{{ __(
                                            'words.Enter the website name where we can verify your trademark registration',
                                        ) }}</span>
                                    </div>
                                </label>
                                <input style="margin-top: 8px" id="title" type="text" class="form-control upload_detail {{ $errors->has('title') ? ' is-invalid' : '' }}" name="web_registration" value="" placeholder="" maxlength="100">
                            </div>
                            <span class="text-danger error-text web_registration_err"></span>

                            <div class="form-group mb-3 col-md-12">

                                <label class="loginLabel_txt" for="description">{{ __("words.Brand Logo") }} <span class="textRed_">{{ __("words.(What is your Brand logo?)") }}</span></label>

                                    <div class="uploadOutBox">
                                        <div class="message-file-input convopin p-0">
                                            <input type="file" name="file" id="file-input" class="file-input__input" />
                                            <label class="file-input__label" for="file-input">

                                              <div id="afterUpload">
                                                  <span id="file-name" class="file-box d-none">{{__("words.Choose File")}}</span>
                                                  <img src="{{asset('frontend/img/uploadsel.png')}}" />
                                              </div>
                                              <p class="uploadcontent">
                                              {{__("words.Upload file. Format in jpg, png or gif up to 5MB.")}}
                                              </p>
                                              <span  class="redText ">{{__("words.Browse")}}</span>
                                              </label>
                                            @if ($errors->has('file'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('file') }}</strong>
                                            </span>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="uploadOutBoxs">
                                        
                                    </div>
                            </div>

                            <div class="form-group mb-4 col-md-12 notmain_ ">
                                <label class="noteText mb-0" for="">{{ __("words.Note:") }}</label><br>
                                <label class="noteintext_" for="">{{ __("words.Do not upload your trademark certificate.") }}</label>

                            </div>
                        </div>
                        @if(!empty($brand) && $brand == \App\Models\AddNewBrand::FOR_BRAND)
                        <div class="form-group mb-3 col-md-12 brandcategory_">
                            <label class="loginLabel_txt" for="description"> {{ __("words.Select Categories") }} <span class="textRed_">({{ __("words.(Where do you want to Add the brand?)") }})</span>
                             <span class="text-danger asteric-sign">&#42;</span>
                                <div class="infoiconText"><img class="img-fluid infoIcon"
                                    src="/frontend/img/iIcon.png">
                                <span
                                    class="showinfoText vv">{{ __(
                                        'words.Select the category or categories in which you want to add the brand. The brand registration must match the categories you want to add.',
                                    ) }}</span>
                                </div>
                            </label>
                                <div class="product_detail p-0 d-none d-md-block">
                                    <div class="checkmark_divs">
                                        <div class="category-controls category-controls sticky-top d-flex align-items-center justify-content-between gap-2 mb-3">
                                            <button id="selectAllBtn" type="button" class="btn btn-primary">
                                                <i class="fas fa-check-double me-2"></i>{{__('words.Select All')}}
                                            </button>

                                            <input type="text" class="form-control searchCategory" placeholder="{{ __('words.Search Category') }}" style="max-width: 300px;">

                                        </div>
                                        @php
                                            $AllGeneralCategories = [];
                                            $genCat = [];
                                            $lang = session('locale');
                                            $langFile = resource_path("lang/$lang/category.php");
                                            $translations = include $langFile;
                                        @endphp
                                        @foreach (collect(getcategoryList())->slice(4) as $category)
                                            @if ($category->slug != 'services' && $category->slug != 'jobs')
                                                @php
                                                    $cat = \App\Models\Category::where('parent_id', $category->id + 1)
                                                        ->where('has_brand', 1)
                                                        ->get();

                                                    if ($cat->isNotEmpty()) {
                                                        $subCats = [];
                                                        foreach ($cat as $catItem) {
                                                            $findSubGeneralCategory = \App\Models\Category::where('parent_id', $catItem->id)
                                                                ->where('has_brand', 1)
                                                                ->get();

                                                            if ($findSubGeneralCategory->isNotEmpty()) {
                                                                $subSubCats = [];
                                                                foreach ($findSubGeneralCategory as $subCatItem) {
                                                                    $findSubSubGeneralCategory = \App\Models\Category::where('parent_id', $subCatItem->id)
                                                                        ->where('has_brand', 1)
                                                                        ->get();

                                                                    if ($findSubSubGeneralCategory->isNotEmpty()) {
                                                                        $subSubSubCats = [];
                                                                        foreach ($findSubSubGeneralCategory as $subSubCatItem) {
                                                                            $findSubSubSubGeneralCategory = \App\Models\Category::where('parent_id', $subSubCatItem->id)
                                                                                ->where('has_brand', 1)
                                                                                ->get();

                                                                            if ($findSubSubSubGeneralCategory->isEmpty()) {
                                                                                $data = [];
                                                                                $data["id"] = $subSubCatItem->id;
                                                                                $data["title"] = $translations[$subSubCatItem->title] ?? $subSubCatItem->title;
                                                                                $data["slug"] = $subSubCatItem->slug;
                                                                                $subSubSubCats[] = $data;
                                                                            }
                                                                        }
                                                                        $AllGeneralCategories[] = [
                                                                            'general_category' =>
                                                                                ($translations[$category->title] ?? $category->title) . ' >> ' .
                                                                                ($translations[$catItem->title] ?? $catItem->title) . ' >> ' .
                                                                                ($translations[$subCatItem->title] ?? $subCatItem->title),
                                                                            'sub_cat' => $subSubSubCats,
                                                                        ];
                                                                    } else {
                                                                        $data = [];
                                                                        $data["id"] = $subCatItem->id;
                                                                        $data["title"] = $translations[$subCatItem->title] ?? $subCatItem->title;
                                                                        $data["slug"] = $subCatItem->slug;
                                                                        $subSubCats[] = $data;
                                                                    }
                                                                }
                                                                $AllGeneralCategories[] = [
                                                                    'general_category' =>
                                                                        ($translations[$category->title] ?? $category->title) . ' >> ' .
                                                                        ($translations[$catItem->title] ?? $catItem->title),
                                                                    'sub_cat' => $subSubCats,
                                                                ];
                                                            } else {
                                                                $data = [];
                                                                $data["id"] = $catItem->id;
                                                                $data["title"] = $translations[$catItem->title] ?? $catItem->title;
                                                                $data["slug"] = $catItem->slug;
                                                                $subCats[] = $data;
                                                            }
                                                        }
                                                        $AllGeneralCategories[] = [
                                                            'general_category' => $translations[$category->title] ?? $category->title,
                                                            'sub_cat' => $subCats,
                                                        ];
                                                    } else {
                                                        $data = [];
                                                        $data["id"] = $category->id;
                                                        $data["title"] = $translations[$category->title] ?? $category->title;
                                                        $data["slug"] = $category->slug;
                                                        $genCat[] = $data;
                                                    }
                                                @endphp
                                            @endif
                                        @endforeach

                                        @php
                                            $AllGeneralCategories[] = [
                                            'general_category' => $translations["General"] ?? "General",
                                            'sub_cat' => $genCat
                                            ];
                                        @endphp
                                        @php
                                            $AllGeneralCategories = collect($AllGeneralCategories)
                                            ->sortBy('general_category', SORT_NATURAL | SORT_FLAG_CASE)
                                            ->values()
                                            ->all();
                                        @endphp
                                        <div class="row categoryList" style="margin: 1rem 0;">
                                            <div class="col-lg-12" style="padding: 0.5rem;">
                                                <div class="currencyItemOuter" style="background: #fff; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); height:100%;">
                                                    <div class="checkbox_main d-flex" style="display: flex; justify-content:space-around; flex-wrap:wrap; gap: 15px;">
                                                        @php $groupIndex = 0; @endphp
                                                        @foreach ($AllGeneralCategories as $generalCategory)
                                                            @php $groupAttr = 'group-' . $groupIndex++; @endphp
                                                            <div class="general-category" data-group="{{ $groupAttr }}"
                                                                style="display: block; font-size: 15px; color: #333; cursor: pointer; border:1px solid black; border-radius: 10px; padding:10px; font-weight:bolder; width:100%; background: #f1f1f1; margin-bottom: 5px;">
                                                                <label for="general-{{ $groupAttr }}" class="cyberpunk-checkbox-label">
                                                                    <input type="checkbox" id="general-{{ $groupAttr }}" data-group="{{ $groupAttr }}" class="cyberpunk-checkbox" style="width: 20px;">{{ $generalCategory["general_category"] }}
                                                                </label>

                                                            </div>
                                                            <div class = "checkmark_" style="display:flex;width:100%; flex-wrap:wrap;gap:10px;">
                                                                @foreach ($generalCategory["sub_cat"] as $sub_cat)
                                                                <div class="sub_cat">
                                                                    <input data-group="{{ $groupAttr }}" type="checkbox" class="brandCategory" cat-name="{{$sub_cat['title']}}" id="{{$sub_cat['id']}}" name="category_id[]" value="{{$sub_cat['id']}}">
                                                                    <label class="checkbox_ OuterCategory" cat-name="{{$sub_cat['title']}}" cat-slug="{{$sub_cat['slug']}}"
                                                                    name="dismsim" style=" font-size: 14px;" for="{{$sub_cat['id']}}">
                                                                        {{$sub_cat['title']}}
                                                                    </label>
                                                                </div>
                                                                @endforeach
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="noResults" style="display: none; text-align:center; margin-top:10px;">
                                            <strong>No matching categories found.</strong>
                                        </div>

                                    </div>
                                </div>
                                <div class="d-block d-md-none">

                                    <select class="js-example-placeholder-multiple js-states form-control mobile-category"
                                        id="categorySelect2" name="category_ids[]" multiple="multiple">
                                        @foreach ($AllGeneralCategories as $generalCategory)
                                            <optgroup label="{{ $generalCategory['general_category'] }}">
                                                @foreach ($generalCategory["sub_cat"] as $sub_cat)
                                                    <option value="{{ $sub_cat['id'] }}" data-cat-name="{{ $sub_cat['title'] }}">
                                                        {{ $sub_cat['title'] }}
                                                    </option>
                                                @endforeach
                                            </optgroup>
                                        @endforeach

                                    </select>
                                </div>

                                <span class="text-danger error-text category_id_err"></span>


                        </div>

                        {{-- select Cateories to add brand --}}
                        <div class="form-group mb-3 col-md-12 brandcategory_ scroll_brand categoryNewbox_ d-none" id="subDiv">
                            <label class="loginLabel_txt d-none InnerDiv" for="description"> Select Sub Categories
                                {{-- <span class="textRed_">(Where do you want to Add the brand?)</span> <span class="text-danger asteric-sign">&#42;</span> --}}
                            </label>

                                <div class="selectCategory categoryscroll_">
                                <div class="product_detail selectedData row p-0">
                                </div>
                                </div>
                                <span class="text-danger error-text subCategory_err"></span>
                        </div>

                        <div class="form-group mb-3 col-md-12 innerData d-none categoryNewbox_" id="subSubDiv">
                            <label class="loginLabel_txt d-none InnerCategoryDiv" for="description"> Select Sub Sub Categories
                                {{-- <span class="textRed_">(Where do you want to Add the brand?)</span> <span class="text-danger asteric-sign">&#42;</span> --}}
                            </label>

                                <div class="selectSubCategory categoryscroll_">
                                <div class="product_detail selectedInnerData row p-0">
                                </div>
                                </div>
                                <span class="text-danger error-text subSubCategory_err"></span>
                        </div>

                        <div class="form-group mb-3 col-md-12 innerSubData d-none categoryNewbox_" id="subSubSubDiv">
                            <label class="loginLabel_txt d-none InnerSubCategoryDiv" for="description"> Select Sub Sub Sub Categories
                                 {{-- <span class="textRed_">(Where do you want to Add the brand?)</span> <span class="text-danger asteric-sign">&#42;</span> --}}
                            </label>

                                <div class="selectSubCategory categoryscroll_">
                                <div class="product_detail selectedInnerSubData row p-0">
                                </div>
                                </div>
                                <span class="text-danger error-text subSubSubCategory_err"></span>
                        </div>

                        @elseif(!empty($brand) && $brand == \App\Models\AddNewBrand::FOR_TIRE_BRAND)

                        <div class="form-group mb-3 col-md-12 brandcategory_">
                            <label class="loginLabel_txt" for="description"> Select Categories <span class="textRed_">(Where do you want to Add the brand?)</span> <span class="text-danger asteric-sign">&#42;</span>
                                <div class="infoiconText"><img class="img-fluid infoIcon"
                                    src="/frontend/img/iIcon.png">
                                <span
                                    class="showinfoText vv">{{ __(
                                        'words.Select the category or categories in which you want to add the brand. The brand registration must match the categories you want to add.',
                                    ) }}</span>
                                </div>
                            </label>

                            @php
                            $tireRimsCategory = App\Models\Category::where('slug','tires_rims')->first();
                            @endphp
                            <div class="product_detail p-0">
                                <div class="checkmark_ checkmark_divs ">
                                    <div class="row">
                                        @foreach ($tireRimsCategory->getAllSubCategory($tireRimsCategory->id) as $category)
                                        @if($category->title!="Other" && $category->slug!="wheels")
                                        <div class="col-lg-3">
                                            <div class="currencyItemOuter">
                                                <div class="checkbox_main">
                                                    <input class="brandCategory" type="checkbox" cat-name="{{$category->title}}" id="{{$category->id}}" name="category_id[]" value="{{$category->id}}">
                                                    <label class="{{'checkbox_'}}" cat-name="{{$category->title}}" cat-slug="{{$category->slug}}"  style=" font-size: 14px;" for="{{$category->id}}">
                                                        {{$category->title}}
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <span class="text-danger error-text category_id_err"></span>

                        </div>
                        @elseif(!empty($brand) && $brand == \App\Models\AddNewBrand::FOR_PART_BRAND)
                        <div class="form-group mb-3 col-md-12 brandcategory_">
                            <label class="loginLabel_txt" for="description"> Select Categories <span class="textRed_">(Where do you want to Add the brand?)</span> <span class="text-danger asteric-sign">&#42;</span>
                                <div class="infoiconText"><img class="img-fluid infoIcon"
                                    src="/frontend/img/iIcon.png">
                                <span
                                    class="showinfoText vv">{{ __(
                                        'words.Select the category or categories in which you want to add the brand. The brand registration must match the categories you want to add.',
                                    ) }}</span>
                                </div>
                            </label>

                            @php
                            $partBrandCategory = App\Models\Category::where('slug','vehicles_parts_supplies')->first();
                            @endphp
                                <div class="product_detail p-0">
                                    <div class="checkmark_ checkmark_divs ">
                                        <div class="row">
                                            @foreach ($partBrandCategory->getAllSubCategory($partBrandCategory->id) as $category)
                                            @if($category->title!="Other" && $category->slug!="consumables_accessories")
                                            <div class="col-lg-4">
                                                <div class="currencyItemOuter">
                                                    <div class="checkbox_main">
                                                        @php
                                                        if(!empty(\App\Models\Category::getAllSubCategory($category->id)))
                                                        $cat = \App\Models\Category::where('parent_id', $category->id)->where('has_brand',1)->get();
                                                        @endphp
                                                        <input class="brandCategory" type="checkbox" cat-name="{{$category->title}}" id="{{$category->id}}" name="category_id[]" value="{{$category->id}}" >
                                                        <label class="{{'checkbox_'}} OuterCategory" cat-name="{{$category->title}}" cat-slug="{{$category->slug}}"  style=" font-size: 14px;" for="{{$category->id}}" subCat="{{$cat->map(function($catItem){
                                                            return [
                                                                    'title' => $catItem->title,
                                                                    'slug' => $catItem->slug,
                                                                    'id'=> $catItem->id,
                                                                    'subdata'=> $catItem->has_subdata,
                                                                    'subcategories' => $catItem->getSubCategoriesRecursive($catItem)->map(function($subCatItem) {
                                                                        return [
                                                                            'title' => $subCatItem->title,
                                                                            'slug' => $subCatItem->slug,
                                                                            'id'=> $subCatItem->id,
                                                                            'subdata'=> $subCatItem->has_subdata,

                                                                        ];
                                                                    })
                                                                ];
                                                        })}}">
                                                            {{$category->title}}
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif

                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                <span class="text-danger error-text category_id_err"></span>

                        </div>

                        <div class="form-group mb-3 col-md-12 brandcategory_ scroll_brand categoryNewbox_ d-none" id="subDiv">
                            <label class="loginLabel_txt d-none InnerDiv" for="description"> Select Sub Categories
                                
                            </label>

                                <div class="selectCategory categoryscroll_">
                                <div class="product_detail selectedData row p-0">
                                </div>
                                </div>
                                <span class="text-danger error-text subCategory_err"></span>
                        </div>

                        @endif



                        <div class="form-group mb-3 col-md-12">
                            <label class="loginLabel_txt" for="description">{{ __('words.PRODUCT OR SERVICE INFORMATION') }}
                                <span class="text-danger asteric-sign">&#42;</span>
                                <div class="ckeckfiat_ py-3">
                                    <div class="checkmark_ checkmark_divs w-100 mb-3">
                                        <input type="radio" data-id="" id="is_product" name="is_product" value="{{\App\Models\AddNewBrand::IS_PRODUCT}}" class="is_product" checked="checked" />
                                        <label for="is_product" class="labelTxt_">
                                            {{ __('words.This is a Product') }}
                                        </label>
                                        <span class="textRed_ goodpro_" style="font-size: 15px;">({{__('words.(Goods)')}})</span>
                                    </div>

                                    <div class="checkmark_ checkmark_divs">
                                        <input type="radio" data-id="" id="is_service" name="is_product" value="{{\App\Models\AddNewBrand::IS_SERVICE}}" class="is_product" />
                                        <label for="is_service" class="labelTxt_">
                                            {{ __('words.This is a Service') }}
                                        </label>
                                    </div>

                                </div>
                        </div>

                        <div class="form-group mb-3 col-md-12">
                            <label class="loginLabel_txt" for="description" id="productText">
                            <span id="productSpan">{{ __('words.Product Website') }}</span>
                            <span class="textRed_">({{ __("words.(On Which Website can this brand's product be seen?)") }})</span>

                                <div class="infoiconText"><img class="img-fluid infoIcon"
                                    src="/frontend/img/iIcon.png">
                                <span
                                    class="showinfoText vv" id="serviceInfoText">{{ __(
                                        'words.Enter the name of the website where we can check the trademark of the product',
                                    ) }}</span>
                                </div>
                            </label>
                            <input style="margin-top: 8px " id="product_website" type="text" class="form-control upload_detail" name="product_website" value="" placeholder="" maxlength="100">
                        </div>
                        <span class="text-danger error-text product_website_err"></span>


                        <div id="forProductOnly" class="productonly_">
                            <div class="checkmark_ checkmark_divs py-3 mb-3">
                                <input type="checkbox" data-id="" id="no_website" name="has_no_website" value="1" class="is_exists" />
                                <label for="no_website" class=" fontbol loginLabel_txt">
                                    <span>{{ __('words.The Product has no Website') }}</span>
                                    <span class="textRed_">({{ __('words.(Can you upload pictures of the product?)') }})</span>
                                        
                                </label>
                            </div>

                            <div class="padding_spc notranslate upload_photo" style= "display:none;">
                                <div class="postAd_upload_">
                                    <h3 class="loginLabel_txt"> {{ __('attribute.Upload Photos') }}
                                        <div class="infoiconText"><img class="img-fluid infoIcon"
                                                src="/frontend/img/iIcon.png">
                                            <span
                                                class="showinfoText vv">{{ __(
                                                    "words.I can't find this product on any site. And I will upload pictures of the product showing the brand name.",
                                                ) }}</span>
                                        </div>
                                    </h3>
                                    <p class="textinner mt-0 mb-3">{{ __('words.(Max. 2 images)') }}</p>
                                    <div class="row" id="sortable">
                                        <div class="col-lg-3 col-xl-2 mb-0 add">
                                            <div class="postAd_upload_icon">
                                                <div class="inputfile-box active">
                                                    <input type="file" id="file"
                                                        class="form-control inputfile d-none" name="images[]"
                                                        data-id="1" accept="image/png, image/jpeg" multiple>
                                                    <label for="file">
                                                        <span id="file-name"
                                                            class="file-box d-none">{{ __('words.Choose File') }}</span>
                                                        <div class="file-button">
                                                            <img src="{{ asset('frontend/img/camera2.svg') }}" width=25
                                                                id="profileImagePreview1" class="beforeUpload" />
                                                            <p>{{ __('attribute.Add photo') }}</p>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <span class="text-danger error-text images_base_err"></span>

                                </div>
                            </div>
                            <hr>
                            <input type="hidden" value="{{ __('words.You can select maximum 2 files.') }}"
                            id="uploadMessage" />
                            <input type="hidden" class="notranslate" value="{{ __('words.Something is wrong!') }}" id="errorTextTrans" />
                            <div id="errorMessage" class="d-none">
                                {{ __('words.Please review the fields marked in red and correct the information.') }}</div>
                            </div>

                        <div class="form-group mb-3 col-md-12">
                            <label class="noteText mb-0" for="">{{ __('words.Note') }}:</label><br>
                            <label class="noteintext_" for="">{{ __('words.It takes us about 72 hours to confirm the brand name. Once the brand name is complete, we will send you a notification to your email.') }}</label>

                        </div>

                        <div class="form-group mb-3 col-md-12">
                            <button class="primary_btn addNewBrand  language" type="submit">{{ __('words.Apply') }}</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </form>
    <div class="modal modalCustom fade" data-role ="simsism" id="brandAddSuccessModal" aria-hidden="true" aria-labelledby="deactiveMain" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal_body">
                    <span class="chechBg_">
                        <img src="{{ asset('frontend/img/checkbg.svg') }}" class="img-fluid">
                    </span>
                    <h5 class="mb-2 payHead_">{{__("words.The request has been sent!")}}</h5>
                    <p class="paypara_">{{__("words.It takes us about 72 hours to confirm the brand name. Once the brand verification is complete, we will send you a notification to your email.")}}</p>
                    <button class="block-button-text mt-3" id="block-button">
                        <a href="javascript:void();">{{__("words.Done")}}</a>
                    </button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal modalCustom" id="cropperModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content notranslate">
                <div class="modal-header">
                    <h4 class="modal-title">{{__("words.Upload Images")}}</h4>
                    <button type="button" class="close" onclick="$('#cropperModal').modal('hide')"><i class="fa fa-times"></i></button>
                </div>


                <input type="hidden" id="post_img_data" name="image_data_url">
                <div class="modal-body p-4">
                    <div class="img-preview"></div>
                    <div id="galleryImages"></div>
                    <div id="cropper">
                        <canvas id="cropperImg" width="0" height="0"></canvas>
                        <button type="button" class="cropImageBtn btn btn-danger" style="display:none;" id="cropImageBtn">{{__("words.Crop")}}</button>
                    </div>
                    <div id="imageValidate" class="text-danger"></div>
                </div>
                <div class="modal-footer">
                    <button class="btn primary_btn showCropimage">{{__('words.Upload')}}</button>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="imageUploadFileSizeValidationMessage"
    value="{{__('words.File may not be greater than 5MB.')}}">
    <input type="hidden" value="{{__("words.Upload file. Format in jpg, png or gif up to 5MB.")}}" id="fileUploadText">
    <input type="hidden" value="{{__("words.Browse")}}" id="browseText">
    <input type="hidden" id="imageUploadValidationMessage"
        value="{{__('words.Image file should be in jpeg,jpg,png,pdf,docx,doc.')}}">
    <input type="hidden" id="hiddenServiceInfo" value="{{__("words.Enter the name of the website where we can check the trademark of the service")}}">
    <input type="hidden" id="hiddenProductInfo" value="{{__("words.Enter the name of the website where we can check the trademark of the product")}}">

    @include('advertisment.partials.brandModal')
    {{-- cropper modal end --}}
</section>

@push('page_script')
<script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
<script src="{{ asset('js/pages/brands/addBrand.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.5/cropper.min.js"
            integrity="sha512-E4KfIuQAc9ZX6zW1IUJROqxrBqJXPuEcDKP6XesMdu2OV4LW7pj8+gkkyx2y646xEV7yxocPbaTtk2LQIJewXw=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('js/pages/brands/brandCrop.js') }}"></script>
<script>
    $("#sortable").sortable();
</script>


<script>
    $(document).ready(function(){
        @if($errors->any())
        toastr.error("Please check the form below for errors", 'Error!');
        @endif

        $("#brand-loader").hide();
    });

    document.addEventListener('DOMContentLoaded', function () {
        const updateGroupCheckbox = (group) => {
            const checkboxes = document.querySelectorAll('input.brandCategory[data-group="' + group + '"]');
            const generalCheckbox = document.querySelector('input.cyberpunk-checkbox[data-group="' + group + '"]');

            const allChecked = Array.from(checkboxes).every(cb => cb.checked);
            generalCheckbox.checked = allChecked;
        };

        // General checkbox change: select/unselect all subcategories
        document.querySelectorAll('input.cyberpunk-checkbox').forEach(function (generalCb) {
            generalCb.addEventListener('change', function () {
                const group = this.dataset.group;
                const checkboxes = document.querySelectorAll('input.brandCategory[data-group="' + group + '"]');
                checkboxes.forEach(cb => {
                    cb.checked = this.checked;

                    // Update selectedCategoryData
                    const id = cb.id;
                    const index = selectedCategoryData.indexOf(id);
                    if (cb.checked && index === -1) {
                        selectedCategoryData.push(id);
                    } else if (!cb.checked && index > -1) {
                        selectedCategoryData.splice(index, 1);
                    }
                });

                console.log(selectedCategoryData);
            });
        });

        // Subcategory checkbox change: update general checkbox + selectedCategoryData
        document.querySelectorAll('input.brandCategory').forEach(function (subCb) {
            subCb.addEventListener('change', function () {
                const group = this.dataset.group;

                // Update selectedCategoryData
                const id = this.id;
                const index = selectedCategoryData.indexOf(id);
                if (this.checked && index === -1) {
                    selectedCategoryData.push(id);
                } else if (!this.checked && index > -1) {
                    selectedCategoryData.splice(index, 1);
                }

                // Update general checkbox
                updateGroupCheckbox(group);
                console.log(selectedCategoryData);
            });
        });

        // Initial sync
        document.querySelectorAll('input.cyberpunk-checkbox').forEach(function (cb) {
            updateGroupCheckbox(cb.dataset.group);
        });
    });
    $(document).on('change', '#no_website', function () {
        if ($(this).is(':checked')) {
            $(document).find(".upload_photo").css("display","block");
        }else{
            $(document).find(".upload_photo").css("display","none");
        }
    });
</script>
@endpush
@endsection