@extends('layouts.admin_layout')
@section('title', 'Add Product')
@section('content')
<section class="content-header">
    <h1>Add Product</h1>
    <ol class="breadcrumb">
        <li><a href="{{Config::get('constants.admin_url')}}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{Config::get('constants.admin_url')}}manage-products"><i class="fa fa-dashboard"></i> Manage Products</a></li>
        <li class="active">Add Product</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 connectedSortable">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Add Product</h3>
                <div class="box-tools"></div>
            </div>
            <form id="add_product" class="hideformlabel" enctype="multipart/form-data">
                @csrf
                <div class="box-body">
                    <div class="form-group">
                        <span for="product_name">Name*</span>
                        <input type="text" name="product_name" id="product_name" required>
                        <label id="product_name_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_url_slug">URL Slug*</span>
                        <input type="text" name="product_url_slug" id="product_url_slug" required>
                        <label id="product_url_slug_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_thumbnail">Thumbnail*</span>
                        <input type="file" name="product_thumbnail" accept="image/*">
                        <label id="product_thumbnail_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_description">Description*</span>
                        <textarea name="product_description" id="product_description" required></textarea>
                        <label id="product_description_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_brand_id">Brand</span>
                        <select name="product_brand_id" id="product_brand_id">
                            <option value="">Select Brand</option>
                            @foreach($product_brands as $product_brand_row)
                            <option value="{{$product_brand_row->id}}">{{$product_brand_row->product_brand_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <span for="product_category_id">Categories</span>
                        <select name="product_category_id" id="product_category_id">
                            <option value="">Select Category</option>
                            @foreach($product_categories as $product_category_row)
                            <option value="{{$product_category_row->id}}">{{$product_category_row->product_category_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    @foreach($product_attributes as $product_attribute_row)
                    <div class="form-group">
                        <span>{{$product_attribute_row->attribute_name}}</span>
                        <input type="hidden" name="product_attribute_ids[]" value="{{$product_attribute_row->id}}" class="product_attribute_id">
                        <select name="product_attribute_value_ids[{{$product_attribute_row->id}}][]" class="product_attribute_value_id search_multiselect" multiple>
                            @if(isset($attribute_value_object->{$product_attribute_row->id}))
                            @foreach($attribute_value_object->{$product_attribute_row->id} as $attribute_value_row)
                            <option value="{{$attribute_value_row->attribute_value_id}}">{{$attribute_value_row->attribute_value}}</option>
                            @endforeach
                            @endif
                        </select>
                        <br>
                        <input type="text" name="product_attribute_values[{{$product_attribute_row->id}}][]" placeholder="Enter {{$product_attribute_row->attribute_name}} (Multiple values separated by a space and a comma)" class="product_attribute_other">
                    </div>
                    @endforeach
                    <div class="form-group">
                        <span for="product_industry_id">Industries</span>
                        <select name="product_industry_ids[]" id="product_industry_id" size="{{count($product_industries)}}" class="search_multiselect" multiple>
                            @foreach($product_industries as $product_industry_row)
                            <option value="{{$product_industry_row->id}}">{{$product_industry_row->product_industry_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <span for="product_sector_id">Sectors</span>
                        <select name="product_sector_ids[]" id="product_sector_id" size="{{count($product_industry_sectors)}}" class="search_multiselect" multiple>
                            @foreach($product_industry_sectors as $product_industry_sector_row)
                            <option class="product_sector_id" value="{{$product_industry_sector_row->id}}" data-industry-id="{{$product_industry_sector_row->product_industry_id}}" style="display:none;">{{$product_industry_sector_row->product_industry_sector_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <span for="product_block_label_id">Label</span>
                        <select name="product_block_label_id" id="product_block_label_id">
                            <option value="">No Label</option>
                            @foreach($product_block_labels as $product_block_label_row)
                            <option value="{{$product_block_label_row->id}}">{{$product_block_label_row->product_block_label_title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <span>Variant Labels</span>
                        <select name="product_selected_variant_label_ids[]" id="product_selected_variant_label_ids" class="search_multiselect" multiple>
                            @foreach($variant_labels as $variant_label_row)
                            <option value="{{$variant_label_row->id}}">{{$variant_label_row->variant_label_name}}</option>
                            @endforeach                            
                        </select>
                    </div>
                    <div class="form-group">
                        <span for="product_catalog">Catalogue</span>
                        <input type="file" name="product_catalog" accept=".pdf">
                        <label id="product_catalog_err"></label>
                    </div>
                    <div>
                        <div class="form-group">
                            <span>Gallery</span>
                        </div>
                        <div class="form-group sortable product_gallery_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_gallery_html" data-parent="product_gallery_blocks">Add Image</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <span>3D Gallery?</span>
                        <input type="checkbox" name="product_3d_gallery" id="product_3d_gallery" value="1">
                    </div>
                    <div id="3d_gallery_blocks" style="display:none;">
                        <div class="form-group">
                            <span>3D Gallery</span>
                            <input type="file" name="product_3d_gallery_image" id="product_3d_gallery_image" accept="image/*">
                            <label id="product_3d_gallery_image_err"></label>
                        </div>
                    </div>
                    <div class="form-group">
                        <span for="product_code">Code</span>
                        <input type="text" name="product_code" id="product_code">
                        <label id="product_code_err"></label>
                    </div>
                    <div class="form-group">
                        <span>Related Product Tags</span>
                        <select name="product_selected_tag_ids[]" id="product_selected_tag_ids" size="{{count($product_tags)}}" class="search_multiselect" multiple>
                            @foreach($product_tags as $product_tag_row)
                            <option value="{{$product_tag_row->id}}">{{$product_tag_row->product_tag_name}}</option>
                            @endforeach                            
                        </select>
                    </div>
                    <div class="form-group">
                        <a href="{{Config::get('constants.admin_url')}}add-product-tag" class="btn btn-default" target="_blank">Add Product Tag</a>
                        <button type="button" class="btn btn-default refresh_product_tags">Refresh Product Tags</button>
                    </div>
                    <div class="form-group">
                        <span>Core Features</span>
                        <select name="product_core_features_ids[]" size="{{count($product_master_core_features)}}" class="search_multiselect" multiple>
                            @foreach($product_master_core_features as $product_master_core_feature_row)
                            <option value="{{$product_master_core_feature_row->id}}">{{$product_master_core_feature_row->product_core_feature_caption}}</option>
                            @endforeach                            
                        </select>
                    </div>
                    <div>
                        <div class="form-group">
                            <span>Features</span>
                        </div>
                        <div class="form-group sortable product_feature_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_feature_html" data-parent="product_feature_blocks">Add Feature</button>
                        </div>
                    </div>
                    <div>
                        <div class="form-group">
                            <span>Quick Links</span>
                        </div>
                        <div class="form-group sortable product_quick_links_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_quick_link_html" data-parent="product_quick_links_blocks">Add Quick Link</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <span for="product_specification_template_id">Specification Template</span>
                        <select name="product_specification_template_id" id="product_specification_template_id">
                            <option value="">Select Template</option>
                            @foreach($product_specification_templates as $product_specification_template_row)
                            <option value="{{$product_specification_template_row->id}}">{{$product_specification_template_row->product_specification_template_title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group product_specification_template_one" style="display:none;">
                        <span>Specification Template One</span>
                        <div class="form-group">
                            <span>Specification Slides</span>
                        </div>
                        <div class="form-group sortable product_specification_template_one_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_specification_template_one_html" data-parent="product_specification_template_one_blocks">Add Specification Slide</button>
                        </div>                        
                    </div>
                    <div class="form-group product_specification_template_two" style="display:none;">
                        <span>Specification Template Two</span>
                        <div class="form-group">
                            <span>Full Image</span>
                            <input type="file" name="product_specification_template_two_image" accept="image/*">
                        </div>
                        <div class="form-group">
                            <span>Specification Points</span>
                        </div>
                        <div class="form-group sortable product_specification_template_two_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_specification_template_two_html" data-parent="product_specification_template_two_blocks">Add Specification Point</button>
                        </div>
                    </div>
                    <div class="form-group product_specification_template_three" style="display:none;">
                        <span>Specification Template Three Content</span>
                        <textarea name="product_specification_template_three_content" class="basic_editor"></textarea>
                    </div>
                    <div class="form-group product_specification_template_four" style="display:none;">
                        <span>Specification Template Four</span>
                        <div class="form-group">
                            <span for="product_specification_template_five_content">Specification Table</span>
                            <textarea id="product_specification_template_five_content" name="product_specification_template_five_content" class="basic_editor_with_table"></textarea>
                            <label id="product_specification_template_five_content_err"></label>
                        </div>
                    </div>
                    <div class="form-group">
                        <span>Data Sheets Button Name</span>
                        <input type="text" name="product_specification_template_four_button_one_name">
                    </div>
                    <div class="form-group">
                        <span>Data Sheets Attachment</span>
                        <input type="file" name="product_specification_template_four_button_one_attachment">
                    </div>
                    <div class="form-group">
                        <span>AutoCAD Files Button Name</span>
                        <input type="text" name="product_specification_template_four_button_two_name">
                    </div>
                    <div class="form-group">
                        <span>AutoCAD Files Attachment</span>
                        <input type="file" name="product_specification_template_four_button_two_attachment">
                    </div>
                    <div class="form-group">
                        <span for="product_technical_info">Technical Info</span>
                        <textarea id="product_technical_info" name="product_technical_info" class="basic_editor_with_table"></textarea>
                        <label id="product_technical_info_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_technical_button_name">Technical Info Button</span>
                        <input type="text" name="product_technical_button_name" id="product_technical_button_name">
                        <label id="product_technical_button_name_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_technical_button_attachment">Technical Info Attachment</span>
                        <input type="file" name="product_technical_button_attachment" id="product_technical_button_attachment">
                        <label id="product_technical_button_attachment_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="product_support_email_id">Support Email ID</span>
                        <input type="email" name="product_support_email_id" id="product_support_email_id">
                        <label id="product_support_email_id_err"></label>
                    </div>
                    <div>
                        <div class="form-group">
                            <span>FAQs</span>
                        </div>
                        <div class="form-group sortable product_faq_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_faq_html" data-parent="product_faq_blocks">Add FAQ</button>
                        </div>
                    </div>
                    <div>
                        <div class="form-group">
                            <span>Certificates</span>
                        </div>
                        <div class="form-group sortable product_certificate_blocks"></div>
                        <div class="form-group">
                            <button type="button" class="btn bg-navy add_block" data-html="product_certificate_html" data-parent="product_certificate_blocks">Add Certificate</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <span for="product_related_service_id">Related Service</span>
                        <select name="product_related_service_id" id="product_related_service_id">
                            <option value="">Select Service</option>
                            @foreach($services as $service_row)
                            <option value="{{$service_row->id}}">{{$service_row->service_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <span>Related Products</span>
                        <select name="related_product_ids[]"  size="{{count($related_products)}}" class="search_multiselect" multiple>
                            @foreach($related_products as $related_product_row)
                            <option value="{{$related_product_row->id}}">{{$related_product_row->product_name}}</option>
                            @endforeach                            
                        </select>
                    </div>
                    <div class="form-group">
                        <span for="meta_title">Meta Title*</span>
                        <input type="text" name="meta_title" id="meta_title"  required>
                        <label id="meta_title_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="meta_description">Meta Description*</span>
                        <textarea name="meta_description" id="meta_description" required></textarea>
                        <label id="meta_description_err"></label>
                    </div>
                    <div class="form-group">
                        <span for="display_status">Status</span>
                        <select name="display_status" id="display_status">
                            <option value="1">Active</option>
                            <option value="0">Inactive</option>
                        </select>
                    </div>
                </div>
                <div class="box-footer">
                    <input type="submit" value="Upload" class="btn btn-primary">
                </div>
            </form>
        </div>
        <div id="resultmessage"></div>
        <div id="product_gallery_html" style="display: none;">
            <div class="form-group product_gallery_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_gallery_ids[]" value="0">
                <div class="form-group">
                    <span>Image</span>
                    <input type="file" name="product_gallery_images[]" accept="image/*" required>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_feature_html" style="display: none;">
            <div class="form-group product_feature_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_feature_ids[]" value="0">
                <div class="form-group">
                    <span>Feature</span>
                    <textarea class="basic_editor" name="product_feature_titles[]"></textarea>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_quick_link_html" style="display: none;">
            <div class="form-group product_quick_link_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_quick_link_ids[]" value="0">
                <div class="form-group">
                    <span>Link Title</span>
                    <input type="text" name="product_quick_link_titles[]" required>
                </div>
                <div class="form-group">
                    <span>Link</span>
                    <input type="url" name="product_quick_links[]" required>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_certificate_html" style="display: none;">
            <div class="form-group product_certificate_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_certificate_ids[]" value="0">
                <div class="form-group">
                    <span>Title</span>
                    <input type="text" name="product_certificate_titles[]" required>
                </div>
                <div class="form-group">
                    <span>Sub Title</span>
                    <input type="text" name="product_certificate_sub_titles[]">
                </div>
                <div class="form-group">
                    <span>Description</span>
                    <textarea name="product_certificate_descriptions[]"></textarea>
                </div>
                <div class="form-group">
                    <span>Attachment Type</span>
                    <select name="product_certificate_attachment_types[]" class="template_media_types" required>
                        <option value="">Select Attachment Type</option>
                        @foreach($template_media_types as $template_media_type_row)
                        <option value="{{$template_media_type_row->id}}">{{$template_media_type_row->template_media_type_title}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group media_type_image" style="display:none;">
                    <span>Image</span>
                    <input type="file" name="product_certificate_images[]" accept="image/*">
                </div>
                <div class="form-group media_type_pdf" style="display:none;">
                    <span>PDF</span>
                    <input type="file" name="product_certificate_pdfs[]" accept=".pdf">
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_specification_template_one_html" style="display: none;">
            <div class="form-group product_specification_template_one_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_specification_template_one_block_ids[]" value="0">
                <div class="form-group">
                    <span>Media Type</span>
                    <select name="product_specification_template_one_media_type_ids[]" class="template_media_types" required>
                        <option value="">Select Media Type</option>
                        @foreach($specification_template_media_types as $template_media_type_row)
                        <option value="{{$template_media_type_row->id}}">{{$template_media_type_row->template_media_type_title}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group media_type_image" style="display:none;">
                    <span>Image</span>
                    <input type="file" name="product_specification_template_one_images[]" accept="image/*">
                </div>
                <div class="form-group media_type_youtube_video" style="display:none;">
                    <span>YouTube Video ID</span>
                    <input type="text" name="product_specification_template_one_youtube_ids[]" maxlength="11">
                </div>
                <div class="form-group">
                    <span>Icon</span>
                    <input type="file" name="product_specification_template_one_icons[]" accept="image/*" required>
                </div>
                <div class="form-group">
                    <span>Caption</span>
                    <input type="text" name="product_specification_template_one_captions[]" required>
                </div>
                <div class="form-group">
                    <span>Description</span>
                    <textarea name="product_specification_template_one_descriptions[]" required></textarea>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_faq_html" style="display: none;">
            <div class="form-group product_faq_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_faq_ids[]" value="0">
                <div class="form-group">
                    <span>Category</span>
                    <select name="product_faq_category_ids[]" required>
                        <option value="">Select Category</option>
                        @foreach($product_faq_categories as $product_faq_category_row)
                        <option value="{{$product_faq_category_row->id}}">{{$product_faq_category_row->product_faq_category_name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <span>Question</span>
                    <input type="text" name="product_faq_questions[]" required>
                </div>
                <div class="form-group">
                    <span>Answer</span>
                    <input type="text" name="product_faq_answers[]" required>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
        <div id="product_specification_template_two_html" style="display: none;">
            <div class="form-group product_specification_template_two_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <input type="hidden" name="product_specification_template_two_ids[]" value="0">
                <div class="form-group">
                    <span>Caption</span>
                    <input type="text" name="product_specification_template_two_captions[]" required>
                </div>
                <div class="form-group">
                    <span>Description</span>
                    <textarea name="product_specification_template_two_descriptions[]" required></textarea>
                </div>
                <div class="form-group">
                    <span>Image</span>
                    <input type="file" name="product_specification_template_two_icons[]" accept="image/*">
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_block">Delete</button>
                </div>
            </div>
        </div>
    </div><!-- /.col -->
    <!-- /.row -->
</section><!-- /.content -->
@endsection