@extends('backend.layouts.app')

@section('title', $data['p_heading'])

@push('after-styles')
    <link href="{{ asset("vendor/css/select2.min.css") }}" rel="stylesheet" />
    <style>
        .js-example-basic-single {
            width: 600px !important;
        }
    </style>
@endpush


@section('content')
    {!! Form::model($data['product'], ['method' => 'PATCH', 'route' => ['admin.product.update.details', $data['product']->id]]) !!}
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <strong>{{ $data['p_heading'] }}</strong>
                </div>
                <div class="card-body">






                    <div class="accordion" id="accordion">
                        <div class="card">
                            <div class="card-header" id="hd_content">
                                <h5 class="mb-0 p-0">
                                    Content
                                </h5>
                            </div>

                            <div>
                                <div class="card-body">


                                    <div class="form-group">
                                        {!! Form::label('short_description', 'Short Description:') !!}
                                        {!! Form::textarea('short_description', null,['class'=>'form-control', 'placeholder'=>'Short description ...', 'rows'=>'3']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('full_description', 'Full Description:') !!}
                                        {!! Form::textarea('full_description', null,['class'=>'form-control ckeditor', 'placeholder'=>'Full description ...', 'rows'=>'3']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('pdf_link', 'Link PDF File:') !!}
                                        {!! Form::url('pdf_link', null,['class'=>'form-control', 'placeholder'=>'Copy/paste PDF link ...']) !!}
                                    </div>

                                    @include('backend.product._video_fields')

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

                        @if($data['product']->type == 'simple')

                            <div class="card">
                                <div class="card-header" id="hd_filtering">

                                    <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_filtering"
                                            aria-expanded="false" aria-controls="cl_filtering">
                                        <h5 class="mb-0">
                                            Filtering Options
                                        </h5>
                                    </button>

                                </div>
                                <div id="cl_filtering" aria-labelledby="hd_filtering" data-parent="#accordion">

                                    <div class="card-body">

                                        <div class="form-group">
                                            {!! Form::label('Shape:') !!}
                                            {!! Form::select('shape', \App\Models\Product::$shapes, null, ['id' => 'shape', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('Length:') !!}
                                            {!! Form::select('length', \App\Models\Product::$lengths, null, ['id' => 'length', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('Tip Size:') !!}
                                            {!! Form::select('tip', \App\Models\Product::$tips, null, ['id' => 'tip', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('Primary Material:') !!}
                                            {!! Form::select('material_primary', \App\Models\Product::$materials, null, ['id' => 'material_primary', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('Secondary Material:') !!}
                                            {!! Form::select('material_secondary', \App\Models\Product::$materials, null, ['id' => 'material_secondary', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('Sterilty:') !!}
                                            {!! Form::select('sterilty', \App\Models\Product::$sterilty, null, ['id' => 'sterilty', 'class' => 'form-control', 'placeholder' => 'Please Select ...']) !!}
                                        </div>

                                    </div>

                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header" id="hd_info">

                                    <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_info"
                                            aria-expanded="false" aria-controls="cl_info">
                                        <h5 class="mb-0">
                                            Additional Information
                                        </h5>
                                    </button>

                                </div>
                                <div id="cl_info" aria-labelledby="hd_info" data-parent="#accordion">
                                    <div class="card-body">

                                        @foreach(\App\Models\Product::$additional_info as $key => $value)
                                            <div class="form-group">
                                                {!! Form::label('additional_info_'.$key, $value.':') !!}
                                                {!! Form::select('additional_info', $data['additional_info'][$key], $data['additional_information'][$key], ['name'=>'additional_info['. $key .']', 'id' => 'additional_info_'.$key,'class'=>'form-control select_info']) !!}
                                            </div>
                                        @endforeach

                                    </div>

                                </div>
                            </div>

                        <div class="card">
                            <div class="card-header" id="hd_pricing">

                                <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_pricing"
                                        aria-expanded="false" aria-controls="cl_pricing">
                                    <h5 class="mb-0">
                                        Pricing
                                    </h5>
                                </button>

                            </div>
                            <div id="cl_pricing" class="collapse" aria-labelledby="hd_pricing" data-parent="#accordion">
                                <div class="card-body">


                                    <div class="form-group">
                                        {!! Form::label('price_catalog', 'Price:') !!}
                                        {!! Form::text('price_catalog', null,['class'=>'form-control', 'placeholder'=>'Enter price ...']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('price_discounted', 'Special Price:') !!}
                                        {!! Form::text('price_discounted', null,['class'=>'form-control', 'placeholder'=>'Enter special price ...']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('price_discounted_start', 'Special Price Start Date:') !!}
                                        {!! Form::date('price_discounted_start', null,['class'=>'form-control', 'placeholder'=>'Enter special price start date ...']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('price_discounted_end', 'Special Price End Date:') !!}
                                        {!! Form::date('price_discounted_end', null,['class'=>'form-control', 'placeholder'=>'Enter special price end date ...']) !!}
                                    </div>


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

                        @endif



                        <div class="card">
                            <div class="card-header" id="hd_seo">

                                <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_seo"
                                        aria-expanded="false" aria-controls="cl_seo">
                                    <h5 class="mb-0">
                                        SEO
                                    </h5>
                                </button>

                            </div>
                            <div id="cl_seo" class="collapse" aria-labelledby="hd_seo" data-parent="#accordion">
                                <div class="card-body">

                                    <div class="form-group">
                                        {!! Form::label('meta_title', 'Meta Title:') !!}
                                        {!! Form::text('meta_title', null,['class'=>'form-control', 'placeholder'=>'Meta Title ...']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('meta_keywords', 'Meta Keywords:') !!}
                                        {!! Form::textarea('meta_keywords', null,['class'=>'form-control', 'placeholder'=>'Meta Keywords ...', 'rows'=>'3']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('meta_description', 'Meta Description:') !!}
                                        {!! Form::textarea('meta_description', null,['class'=>'form-control', 'placeholder'=>'Meta Description ...', 'rows'=>'3']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('faq_set_id', 'Select FAQs:') !!} <br>
                                        {!! Form::select('faq_set_id', $data['sets'], null,['class'=>'form-control js-example-basic-single', 'placeholder'=>'Select FAQs ...']) !!}
                                    </div>

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


                        @if($data['product']->type == 'simple')

                        <div class="card">
                            <div class="card-header" id="hd_shipping_tax">

                                <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_shipping_tax"
                                        aria-expanded="false" aria-controls="cl_shipping_tax">
                                    <h5 class="mb-0">
                                        Stock, Shipping and Tax
                                    </h5>
                                </button>

                            </div>
                            <div id="cl_shipping_tax" class="collapse" aria-labelledby="hd_shipping_tax" data-parent="#accordion">
                                <div class="card-body">

                                    <div class="form-group">
                                        {!! Form::label('', 'In Stock:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('in_stock', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('in_stock', 'N') !!} No</label>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('', 'Check Quantity:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('check_quantity', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('check_quantity', 'N') !!} No</label>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('quantity', 'Available Quantity:') !!}
                                        {!! Form::number('quantity', null,['class'=>'form-control', 'placeholder'=>'Enter available quantity ...']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('', 'Shipping Type:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('ship_type', 'intl') !!} International</label>
                                        <label class="radio-inline">{!! Form::radio('ship_type', 'us') !!} US/Canada</label>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('weight', 'Weight:') !!}
                                        {!! Form::text('weight', null,['class'=>'form-control', 'placeholder'=>'Item weight ...']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('', 'Taxable Item:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('taxable', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('taxable', 'N') !!} No</label>
                                    </div>




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

                        @endif


                        <div class="card">
                            <div class="card-header" id="hd_extra_items">

                                <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_extra_items"
                                        aria-expanded="false" aria-controls="cl_extra_items">
                                    <h5 class="mb-0">
                                        Related, Up-Sells and Cross-Sells
                                    </h5>
                                </button>

                            </div>
                            <div id="cl_extra_items" class="" aria-labelledby="hd_extra_items" data-parent="#accordion">
                                <div class="card-body">

                                    <div class="form-group">
                                        {!! Form::label('related_products', 'Related Products') !!}
                                        {!! Form::select('related_products', $data['related_products_options'], array_keys($data['related_products_options']), ['multiple'=>'multiple','name'=>'related_products[]','class'=>'form-control product-search-select2', 'id' => 'related_products', 'data-placeholder' => 'Search and select products by SKU or name']) !!}
                                        @if($data['product']->type == 'variation')
                                            <small class="form-text text-muted">This applies to the whole product, including all of its variations.</small>
                                        @endif
                                    </div>

                                    @if($data['product']->type == 'simple')
                                    <div class="form-group">
                                        {!! Form::label('upsell_products', 'Upsell Products') !!}
                                        {!! Form::select('upsell_products', $data['upsell_products_options'], array_keys($data['upsell_products_options']), ['multiple'=>'multiple','name'=>'upsell_products[]','class'=>'form-control product-search-select2', 'id' => 'upsell_products', 'data-placeholder' => 'Search and select products by SKU or name']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('cross_sell_products', 'Cross Sell Products') !!}
                                        {!! Form::select('cross_sell_products', $data['cross_sell_products_options'], array_keys($data['cross_sell_products_options']), ['multiple'=>'multiple','name'=>'cross_sell_products[]','class'=>'form-control product-search-select2', 'id' => 'cross_sell_products', 'data-placeholder' => 'Search and select products by SKU or name']) !!}
                                    </div>
                                    @endif


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



                        <div class="card">
                            <div class="card-header" id="hd_display">

                                <button class="btn collapsed m-0 p-0" type="button" data-toggle="collapse" data-target="#cl_display"
                                        aria-expanded="false" aria-controls="cl_display">
                                    <h5 class="mb-0">
                                        Display
                                    </h5>
                                </button>

                            </div>
                            <div id="cl_display" class="" aria-labelledby="hd_display" data-parent="#accordion">
                                <div class="card-body">

                                    <div class="form-group">
                                        {!! Form::label('tags', 'Search Tags:') !!}
                                        {!! Form::select('tags', $data['tags'], null, ['multiple'=>'multiple','name'=>'tags[]','class'=>'form-control select_tags']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('visibility', 'Visibility:') !!}
                                        {!! Form::select('visibility', \App\Models\Product::$visibility, null, ['class'=>'form-control']) !!}
                                    </div>


                                    <div class="form-group">
                                        {!! Form::label('', 'Featured Product:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('featured', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('featured', 'N') !!} No</label>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('', 'Hot Product:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('hot', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('hot', 'N') !!} No</label>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('', 'New Product:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('new', 'Y') !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('new', 'N') !!} No</label>
                                    </div>

                                    <div class="form-group canonical-div">
                                        {!! Form::label('is_canonical', 'Apply Canonical Tag:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('is_canonical', 'Y', (@$data['is_canonical'] == 'Y') ? true : false, ['required']) !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('is_canonical', 'N', (@$data['is_canonical'] == 'N') ? true : false, ['required']) !!} No</label>
                                    </div>

                                    <div class="form-group canonical-url-div @if(@$data['is_canonical'] == 'N') d-none @endif">
                                        {!! Form::label('canonical_url', 'Canonical URL:') !!}
                                        {!! Form::text('canonical_url', null,['class'=>'form-control', 'placeholder'=>'Enter Canonical URL or Leave Blank to Use Default ...']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('do_index', 'Index:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('do_index', 'Y', (@$data['do_index'] == 'Y') ? true : false, ['required']) !!} Yes</label>
                                        <label class="radio-inline">{!! Form::radio('do_index', 'N', (@$data['do_index'] == 'N') ? true : false, ['required']) !!} No</label>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('position', 'Position:') !!}
                                        {!! Form::number('position', null,['class'=>'form-control', 'placeholder'=>'Display position ...']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('', 'Status:') !!}
                                        <br>
                                        <label class="radio-inline">{!! Form::radio('status', 'Y') !!} Active</label>
                                        <label class="radio-inline">{!! Form::radio('status', 'N') !!} Inactive</label>
                                    </div>



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


                        {!! Form::hidden('step', '2') !!}
                        {!! Form::hidden('type', $data['product']->type) !!}








                        <button type="submit" class="btn btn-primary mb-2">Submit</button>

                        <a href="{{ route('admin.product.edit', $data['product']->id) }}" class="btn btn-danger mb-2">Basic Info</a>
                        <a href="{{ route('admin.product.edit.files', $data['product']->id) }}" class="btn btn-danger mb-2">Manage Images / Files</a>
                        @if($data['product']->type == 'variation')
                            <a href="{{ route('admin.product.edit.variations', $data['product']->id) }}" class="btn btn-danger mb-2">Manage Variations</a>
                        @endif
                        @if($data['product']->is_set == 'Y')
                            <a href="{{ route('admin.product.edit.set-items', $data['product']->id) }}" class="btn btn-danger mb-2">Set Items</a>
                        @endif
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
@stop

@push('after-scripts')

    <script src="{{ asset("vendor/js/select2.min.js") }}"></script>
    <script>
        $(document).ready(function() {
            $('.js-example-basic-single').select2();
        });
    </script>
@endpush