@extends('layouts.load')

@section('content')
<div class="alert alert-success validation" style="display: none;">
    <button type="button" class="close alert-close"><span>×</span></button>
    <p class="text-left"></p>
</div>
<div class="content-area">

    <div class="add-product-content">
        <div class="row">
            <div class="col-lg-12">
                <div class="product-description">
                    <div class="body-area">
                        @include('includes.admin.form-error')
                        <form id="geniusformdata" action="{{route('admin-cat-update',$data->id)}}" method="POST"
                            enctype="multipart/form-data">
                            {{csrf_field()}}


                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="input-form">
                                        <p><small>* {{ __("indicates a required field") }}</small></p>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="input-form">
                                        @component('admin.components.input-localized',["required" => true, "from" =>
                                        $data])
                                        @slot('name')
                                        name
                                        @endslot
                                        @slot('placeholder')
                                        {{ __('Enter Name') }}
                                        @endslot
                                        @slot('value')
                                        name
                                        @endslot
                                        {{ __('Name') }} *
                                        @endcomponent
                                    </div>
                                </div>
                                <!--FECHAMENTO TAG COL-XL-12 -->

                                <div class="col-xl-6">
                                    <div class="input-form">
                                        <h4 class="heading">{{ __('Current Icon') }}</h4>
                                        <div class="img-upload">
                                            <div id="image-preview" class="img-preview"
                                                style="background: url('{{ $data->photo ? asset('storage/images/categories/'.$data->photo):asset('assets/images/noimage.png') }}');">
                                                @if ($data->photo)
                                                <div class="buttons">
                                                    <div class="deleteImage"
                                                        onclick="deleteImage({{$data->id}}, 'photo', this)"></div>
                                                </div>
                                                @endif
                                                <label for="image-upload" class="img-label" id="image-label"><i
                                                        class="icofont-upload-alt"></i>{{ __('Upload Icon') }}</label>
                                                <input type="file" name="photo" class="img-upload" id="image-upload">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--FECHAMENTO TAG COL-XL-6 -->


                                <div class="col-xl-6">
                                    @if(env("ENABLE_CUSTOM_PRODUCT"))
                                    <div class="checkbox-wrapper" style="display:block;">
                                        <input type="checkbox" name="is_customizable" id="is_customizable" value="1" {{
                                            $data->is_customizable != 0 ? "checked":"" }}>
                                        <label for="is_customizable">{{ __('Allow Customizable Itens') }}</label>
                                    </div>
                                    @endif
                                    @if(env("ENABLE_CUSTOM_PRODUCT_NUMBER"))
                                    <div class="checkbox-wrapper" style="display:block;">
                                        <input type="checkbox" name="is_customizable_number" id="is_customizable_number"
                                            value="1" {{ $data->is_customizable_number != 0 ? "checked":"" }}>
                                        <label for="is_customizable_number">{{ __('Allow Customizable Itens by Number')
                                            }}</label>
                                    </div>
                                    @endif

                                    <!--SESSÃO DE "PERMITIR DESTACAR CATEGORIA"-->
                                    <div class="checkbox-wrapper" style="display:block;">
                                        <input type="checkbox" name="is_featured" class="checkclick1" id="is_featured"
                                            value="1" {{ $data->is_featured != 0 ? "checked":"" }}>
                                        <label for="is_featured">{{ __('Allow Featured Category') }}</label>
                                    </div>

                                    <div class='input-form {{ $data->is_featured == 0 ? "showbox":"" }}'>
                                        <h4 class="heading">{{ __('Current Featured Image') }}*</h4>
                                        <div class="img-upload">
                                            @if ($data->image)
                                            <div class="buttons">
                                                <div class="deleteImage"
                                                    onclick="deleteImage({{$data->id}}, 'image', this)">
                                                </div>
                                            </div>
                                            @endif
                                            <div id="image-preview" class="img-preview"
                                                style="background: url('{{ $data->image ? asset('storage/images/categories/'.$data->image):asset('assets/images/noimage.png') }}');">
                                                <label for="image-upload" class="img-label"><i
                                                        class="icofont-upload-alt"></i>{{ __('Upload Image') }}</label>
                                                <input type="file" name="image" class="img-upload">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <!--FECHAMENTO TAG COL-XL-6 -->

                                <div class="col-xl-12">
                                    <div class="input-form">
                                        <h4 class="heading">{{ __('Banner') }} *</h4>
                                        <div class="img-upload full-width-img">
                                            @if ($data->banner)
                                            <div class="buttons">
                                                <div class="deleteImage"
                                                    onclick="deleteBanner({{$data->id}}, 'banner', this)">
                                                </div>
                                            </div>
                                            @endif
                                            <div id="image-preview" class="img-preview"
                                                style="background: url('{{ $data->banner ? asset('storage/images/categories/banners/'.$data->banner):asset('assets/images/noimage.png') }}');">
                                                <label for="image-upload" class="img-label" id="image-label"><i
                                                        class="icofont-upload-alt"></i>{{ __('Upload Image') }}</label>
                                                <input type="file" name="banner" class="img-upload" id="image-upload">
                                            </div>
                                            <p class="text">{{ __('Prefered Size: (1920x400) or Rectangular Sized
                                                Image') }}</p>
                                        </div>
                                    </div>
                                </div>


                            </div>
                            <!--FECHAMENTO TAG ROW-->

                            <div class="row justify-content-center">
                                <button class="addProductSubmit-btn" type="submit">{{ __('Save') }}</button>
                            </div>

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

@endsection