@extends('admin/layout')
@section('title')
    {{ labels('admin_labels.update_offer', 'Update Offer') }}
@endsection
@section('content')

    @php
        use App\Models\Product;
        use App\Models\ComboProduct;
        use App\Models\Brand;
        use App\Services\TranslationService;
        use App\Services\MediaService;
    @endphp
    <x-admin.breadcrumb :title="labels('admin_labels.update_offer', 'Update Offer')" :subtitle="labels(
        'admin_labels.boost_sales_with_captivating_and_profitable_promotions',
        'Boost Sales with Captivating and Profitable Promotions',
    )" :breadcrumbs="[['label' => labels('admin_labels.update_offer', 'Update Offer')]]" />

    <div class="col-md-12">

        <form class="form-horizontal form-submit-event submit_form" action="{{ route('offers.update', $data->id) }}"
            method="POST" id="" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="mb-3">
                                {{ labels('admin_labels.update_offer', 'Update Offer') }}
                            </h5>
                            <ul class="nav nav-tabs" id="brandTabs" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="language-nav-link nav-link active" id="tab-en" data-bs-toggle="tab"
                                        data-bs-target="#content-en" type="button" role="tab"
                                        aria-controls="content-en" aria-selected="true">
                                        {{ labels('admin_labels.default', 'Default') }}
                                    </button>
                                </li>
                                <x-language.multi_language_tabs :languages="$languages" />
                            </ul>
                            <div class="tab-content mt-3" id="UpdatebrandTabsContent">
                                <!-- Default 'en' tab content -->
                                <div class="tab-pane fade show active" id="content-en" role="tabpanel"
                                    aria-labelledby="tab-en">
                                    <div class="mb-3">
                                        <label for="brand_name"
                                            class="form-label">{{ labels('admin_labels.title', 'Title') }}<span
                                                class="text-asterisks text-sm">*</span></label>

                                        <input type="text" class="form-control" id="basic-default-fullname"
                                            placeholder="Gucci" name="title"
                                            value="{{ isset($data->title) ? json_decode($data->title)->en : '' }}">
                                    </div>
                                </div>
                                <x-language.multi_language_updateable_inputs :languages="$languages" :data="$data->title"
                                    nameKey="admin_labels.title" nameValue="Title" inputName="translated_offer_title" />
                            </div>

                            <div class="form-group">
                                <label for="offer_type" class="mb-2">{{ labels('admin_labels.type', 'Type') }}
                                    <span class='text-asterisks text-sm'>*</span>
                                </label>
                                <select name="type" id="offer_type" class="form-control type_event_trigger form-select"
                                    required="">
                                    <option value=" ">Select Type</option>
                                    <option value="default" {{ $data->type == 'default' ? 'selected' : '' }}>Default
                                    </option>
                                    <option value="categories" {{ $data->type == 'categories' ? 'selected' : '' }}>
                                        Category
                                    </option>
                                    <option value="products" {{ $data->type == 'products' ? 'selected' : '' }}>Specific
                                        Product
                                    </option>
                                    <option value="combo_products" {{ $data->type == 'combo_products' ? 'selected' : '' }}>
                                        Specific Combo Product
                                    </option>
                                    <option value="all_products" {{ $data->type == 'all_products' ? 'selected' : '' }}>
                                        All
                                        Products
                                    </option>
                                    <option value="all_combo_products"
                                        {{ $data->type == 'all_combo_products' ? 'selected' : '' }}>
                                        All Combo
                                        Products
                                    </option>
                                    <option value="brand" {{ $data->type == 'brand' ? 'selected' : '' }}>Brand
                                    </option>
                                    <option value="offer_url" {{ $data->type == 'offer_url' ? 'selected' : '' }}>Offer
                                        URL
                                    </option>
                                </select>
                            </div>
                            <div id="type_add_html">
                                <div
                                    class="form-group slider-categories {{ isset($data->type) && strtolower($data->type) == 'categories' ? '' : 'd-none' }} mt-4">
                                    <label for="category_id" class="mb-2">
                                        {{ labels('admin_labels.categories', 'Categories') }}
                                        <span class='text-asterisks text-sm'>*</span></label>
                                    <select name="category_id" class="form-control form-select">
                                        <option value="">
                                            {{ labels('admin_labels.select_category', 'Select Category') }}</option>
                                        {!! renderCategories($categories, 0, 0, $data->type_id ?? null) !!}
                                    </select>
                                </div>
                                <div
                                    class="form-group slider-brand {{ isset($data->type) && strtolower($data->type) == 'brand' ? '' : 'd-none' }} mt-4">
                                    <label for="category_id" class="mb-2">
                                        {{ labels('admin_labels.brands', 'Brands') }}
                                        <span class='text-asterisks text-sm'>*</span></label>
                                    <select name="brand_id" class="form-control">
                                        <option value="">Select brand</option>
                                        @foreach ($brands as $row)
                                            {{ $selected = $row['id'] == $data->type_id && strtolower($data->type) == 'brand' ? 'selected' : '' }}

                                            <option value="" {{ $selected }}>