@extends('master.back')



@section('content')



<div class="container-fluid">



<!-- Page Heading -->

<div class="card mb-4">

    <div class="card-body">

        <div class="d-sm-flex align-items-center justify-content-between">

            <h3 class="mb-0 bc-title"><b>{{ __('Create Product') }}</b> </h3>

            <a class="btn btn-primary   btn-sm" href="{{route('back.item.index')}}"><i class="fas fa-chevron-left"></i> {{ __('Back') }}</a>

        </div>

    </div>

</div>



<!-- Form -->





<div class="row">

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

            @include('alerts.alerts')

    </div>

</div>

<!-- Nested Row within Card Body -->

<form class="admin-form tab-form" action="{{ route('back.affiliate.store') }}" method="POST" enctype="multipart/form-data">

<input type="hidden" value="affiliate" name="item_type">

@csrf

    <div class="row">



        <div class="col-lg-8">

            <div class="card">

                <div class="card-body">

                    <div class="form-group">

                        <label for="name">{{ __('Code') }} *</label>

                        <input type="text" name="code" class="form-control item-name"

                            id="code" placeholder="{{ __('Enter Code') }}"

                            value="{{ old('code') }}" >

                    </div>

                    <div class="form-group " style=''>

                    <label for="name">{{ __('NAME') }}</label>									

                    <div class='' style='padding:1%; box-shadow:2px 2px 2px grey; border-radius:15px;'>





                        <div class="mb-3 row">

                        <div class="col-sm-2">

                            <label for="name">{{ __('THAI') }}</label>

                        </div>	

                            <div class='col-sm-10'>

                            <input type="text" name="name" class="form-control item-name" id="name"

                                placeholder="{{ __('Enter Name ') }}" value="{{ old('name') }}" >

                            </div>

                        </div>	

                        <div class="mb-3 row">

                            <div class="col-sm-2">

                            <label for="name">{{ __('ENG') }}</label>

                            </div>

                            <div class='col-sm-10'>

                            <input type="text" name="name_en" class="form-control item-name" id="name_en"

                                placeholder="{{ __('Enter Name') }}" value="{{ old('name_en') }}" >

                            </div>

                        </div>	



                        <div class="mb-3 row">

                            <div class='col-sm-2'>

                            <label for="name">{{ __('CHINA') }}</label>

                                </div>

                            <div class='col-sm-10'>

                            <input type="text" name="name_ch" class="form-control item-name" id="name_ch"

                                placeholder="{{ __('Enter Name ') }}" value="{{ old('name_ch') }}" >

                            </div>

                        </div>	

                        </div>

                    </div>



                    <div class="form-group">

                        <label for="affiliate__link">{{ __('Affiliate Link') }} *</label>

                        <input type="text" name="affiliate_link" class="form-control"

                            id="affiliate__link" placeholder="{{ __('Enter Affiliate Link') }}"

                            value="{{ old('name') }}" >

                    </div>

                    <div class="form-group">

                        <label for="slug">{{ __('Slug') }} *</label>

                        <input type="text" name="slug" class="form-control"

                            id="slug" placeholder="{{ __('Enter Slug') }}"

                            value="{{ old('slug') }}" >

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group pb-0  mb-0">

                        <label class="d-block">{{ __('Featured Image') }} *</label>

                    </div>

                    <div class="form-group pb-0 pt-0 mt-0 mb-0">

                    <img class="admin-img lg" src="" >

                    </div>

                    <div class="form-group position-relative ">

                        <label class="file">

                            <input type="file"  accept="image/*"   class="upload-photo" name="photo"

                                id="file"  aria-label="File browser example">

                            <span

                                class="file-custom text-left">{{ __('Upload Image...') }}</span>

                        </label>

                        <br>

                        <span class="mt-1 text-info">{{ __('Image Size Should Be 800 x 800. or square size') }}</span>

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group pb-0  mb-0">

                        <label>{{ __('Gallery Images') }} </label>

                    </div>

                    <div class="form-group pb-0 pt-0 mt-0 mb-0">

                        <div id="gallery-images" class="">

                            <div class="d-block gallery_image_view">

                            </div>

                        </div>

                    </div>

                    <div class="form-group position-relative ">

                        <label class="file">

                            <input type="file"  accept="image/*"  name="galleries[]" id="gallery_file" aria-label="File browser example" accept="image/*" multiple>

                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>

                        </label>

                        <br>

                        <span class="mt-1 text-info">{{ __('Image Size Should Be 800 x 800. or square size') }}</span>

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group">

                        <label for="sort_details">{{ __('Short Description') }} *</label>

                        <textarea name="sort_details" id="sort_details"

                            class="form-control"

                            placeholder="{{ __('Short Description') }}"

                            >{{ old('sort_details') }}</textarea>

                    </div>



                    <div class="form-group">

                        <label for="details">{{ __('Description') }} *</label>

                        <textarea name="details" id="details"

                            class="form-control text-editor"

                            rows="6"

                            placeholder="{{ __('Enter Description') }}"

                            >{{ old('details') }}</textarea>

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group mb-2">

                        <label for="tags">{{ __('Product Tags') }}

                            </label>

                        <input type="text" name="tags" class="tags"

                            id="tags"

                            placeholder="{{ __('Tags') }}"

                            value="">

                    </div>

                    <div class="form-group">

                        <label class="switch-primary">

                            <input type="checkbox" class="switch switch-bootstrap status radio-check" name="is_specification" value="1" checked>

                            <span class="switch-body"></span>

                            <span class="switch-text">{{ __('Specifications') }}</span>

                        </label>

                    </div>

                    <div id="specifications-section">

                        <div class="d-flex">



                            <div class="flex-grow-1">

                                <div class="form-group">

                                    <input type="text" class="form-control"

                                        name="specification_name[]"

                                        placeholder="{{ __('Specification Name') }}" value="">

                                    </div>

                            </div>

                            <div class="flex-grow-1">

                                <div class="form-group">

                                    <input type="text" class="form-control"

                                        name="specification_description[]"

                                        placeholder="{{ __('Specification description') }}" value="">

                                    </div>

                            </div>

                            <div class="flex-btn">

                                <button type="button" class="btn btn-success add-specification" data-text="{{ __('Specification Name') }}" data-text1="{{ __('Specification Description') }}"> <i class="fa fa-plus"></i> </button>

                            </div>

                        </div>



                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group">

                        <label for="meta_keywords">{{ __('Meta Keywords') }}

                            </label>

                        <input type="text" name="meta_keywords" class="tags"

                            id="meta_keywords"

                            placeholder="{{ __('Enter Meta Keywords') }}"

                            value="">

                    </div>



                    <div class="form-group">

                        <label

                            for="meta_description">{{ __('Meta Description') }}

                            </label>

                        <textarea name="meta_description" id="meta_description"

                            class="form-control" rows="5"

                            placeholder="{{ __('Enter Meta Description') }}"

                        >{{ old('meta_description') }}</textarea>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-lg-4">

            <div class="card">

                <div class="card-body">

                    <button type="submit" class="btn btn-secondary mr-2">{{ __('Save') }}</button>

                    <button type="submit" class="btn btn-info ">{{ __('Save & Edit') }}</button>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group">

                        <label for="discount_price">{{ __('Current Price') }}

                            *</label>

                        <div class="input-group mb-3">

                            <div class="input-group-prepend">

                                <span

                                    class="input-group-text">{{ PriceHelper::adminCurrency() }}</span>

                            </div>

                            <input type="text" id="discount_price"

                                name="discount_price" class="form-control"

                                placeholder="{{ __('Enter Current Price') }}"

                                min="1" step="0.1"

                                value="{{ old('discount_price') }}" >

                        </div>

                    </div>



                    <div class="form-group">

                        <label for="previous_price">{{ __('Previous Price') }}

                            </label>

                        <div class="input-group mb-3">

                            <div class="input-group-prepend">

                                <span

                                    class="input-group-text">{{ $curr->sign }}</span>

                            </div>

                            <input type="text" id="previous_price"

                                name="previous_price" class="form-control"

                                placeholder="{{ __('Enter Previous Price') }}"

                                min="1" step="0.1"

                                value="{{ old('previous_price') }}" >

                        </div>

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">



                    <div class="form-group">

                        <label for="category_id">{{ __('Select Category') }} *</label>

                        <select name="category_id" id="category_id" data-href="{{route('back.get.subcategory')}}" class="form-control" >

                            <option value="" selected>{{__('Select One')}}</option>

                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)



                            @if($session_language == 'Th')



                            <option value="{{ $cat->id }}">{{ $cat->name }}</option>

                            @elseif($session_language == 'English')

                            <option value="{{ $cat->id }}">{{ $cat->name_en }}</option>

                            @elseif($session_language == 'China') 



                            <option value="{{ $cat->id }}">{{ $cat->name_ch }}</option>

                            @else

                            <option value="{{ $cat->id }}">{{ $cat->name_en }}</option>

                            @endif

                            @endforeach

                        </select>

                    </div>



                    <div class="form-group">

                        <label for="subcategory_id">{{ __('Select Sub Category') }} </label>

                        <select name="subcategory_id" id="subcategory_id" data-href="{{route('back.get.childcategory')}}" class="form-control">

                            <option value="">{{__('Select One')}}</option>

                        </select>

                    </div>



                    <div class="form-group">

                        <label for="childcategory_id">{{ __('Select Child Category') }} </label>

                        <select name="childcategory_id" id="childcategory_id" class="form-control">

                            <option value="">{{__('Select One')}}</option>

                        </select>

                    </div>



                    <div class="form-group">

                        <label for="brand_id">{{ __('Select Brand') }} </label>

                        <select name="brand_id" id="brand_id" class="form-control" >

                            <option value="" selected>{{__('Select Brand')}}</option>

                            @foreach(DB::table('brands')->whereStatus(1)->get() as $brand)

                            

                            @if($session_language == 'Th')



                            <option value="{{ $brand->id }}">{{ $brand->name }}</option>

                            @elseif($session_language == 'English')

                            <option value="{{ $brand->id }}">{{ $brand->name_en }}</option>

                            @elseif($session_language == 'China') 



                            <option value="{{ $brand->id }}">{{ $brand->name_ch }}</option>

                            @else

                            <option value="{{ $brand->id }}">{{ $brand->name_en }}</option>

                            @endif

                            @endforeach

                        </select>

                    </div>

                </div>

            </div>

            <div class="card">

                <div class="card-body">

                    <div class="form-group">

                        <input type="hidden" name="sku" class="form-control"

                            id="sku" placeholder="{{ __('Enter SKU') }}"

                            value="{{Str::random(10)}}" >

                    </div>

                    <div class="form-group">

                        <label for="video">{{ __('Video Link') }} </label>

                        <input type="text" name="video" class="form-control"

                            id="video" placeholder="{{ __('Enter Video Link') }}"

                            value="{{ old('video') }}">

                    </div>

                    <br><hr/><br>
                    <div class="form-group">

                        <label for="width">{{ __('Width') }} </label>

                        <input type="number" name="width" class="form-control"

                            id="width" step='0.1' placeholder="{{ __('Enter width Product') }}"

                            value="{{ old('width') }}">

                            {{--  --}}

                            <label for="height">{{ __('Height') }} </label>

                            <input type="number" name="height" class="form-control"
    
                                id="height" step='0.1' placeholder="{{ __('Enter Height Product') }}"
    
                                value="{{ old('height') }}">

                            {{--  --}}


                            <label for="height">{{ __('Length') }} </label>

                            <input type="number" name="length" class="form-control"
    
                                id="length" step='0.1' placeholder="{{ __('Enter Length Product') }}"
    
                                value="{{ old('length') }}">

                            {{--  --}}


                            <label for="height">{{ __('Weight') }} </label>

                            <input type="number" name="weight" class="form-control"
    
                                id="weight" step='0.1' placeholder="{{ __('Enter weight Product') }}"
    
                                value="{{ old('weight') }}"> 

                    </div>


                </div>

            </div>

        </div>



    </div>

</form>





</div>



</div>



@endsection