@extends('admin.layouts.app')
@section('contents')
    <div>
        <ul class="breadcrumb">
            <li> <a href="{{ route('admin.products') }}">Products Management</a> </li>
            <li> <a href="javascript:void();">Update Products</a> </li>
        </ul>
    </div>
    <div class="row">
        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <div class="box-icon">
                    </div>
                </div>
                <div class="box-content">
                    <form method="POST" action="{{route('admin.update_product',['id'=>$product->id])}}" id="update_product" enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="control-group">
                            <label class="control-label" for="product_type">Product Type <font style="color: red;">*</font></label>
                            <div class="controls">
                                <select name="product_type" id="product_type" data-rel="chosen" class="required" style="width: 250px;">
                                    <option value="" selected="selected">Select Type</option>
                                    @foreach($types as $type)
                                        <option {{ $product->product_type==$type->id?'selected':'' }} value="{{ $type->id }}">{{ $type->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="product_type_error"></div>
                        </div>
                        <br>
                        <div class="control-group">
                            <label class="control-label" for="product_category">Product Category <font style="color: red;">*</font></label>
                            <div class="controls">
                                <select name="product_category[]" id="product_category" data-rel="chosen" class="required" style="width: 250px;" multiple="">
                                    @foreach($categories as $category)
                                        <option {{ in_array($category->id,$product_categories)?'selected':'' }} value="{{ $category->id }}">{{ $category->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div><br>
                        <div class="form-group">
                            <label for="product_title">Product Title <font style="color: red;">*</font></label>
                            <input type="text" class="form-control required" name="product_title" id="product_title" value="{{ $product->product_title }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_name">Product Name <font style="color: red;">*</font></label>
                            <input type="text" class="form-control required" name="product_name" id="product_name" value="{{ $product->product_name }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_slug">Product Slug <font style="color: red;">*</font></label>
                            <input type="text" class="form-control required" name="product_slug" id="product_slug" value="{{ $product->product_slug }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_name_cat">Product Category Name <font style="color: red;">*</font></label>
                            <input type="text" class="form-control required" name="product_name_cat" id="product_name_cat" value="{{ $product->product_name_cat }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="sorting">Sorting  <font style="color: red;">*</font></label>
                            <input type="text" class="form-control required" name="sorting" id="sorting" value="{{ $product->sorting }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_image">Product Front Image <font style="color: red;">*</font></label>
                            <input type="file" class="file_name" name="product_image" id="product_image" value="{{ $product->product_title }}" placeholder="">&nbsp;&nbsp;&nbsp;(370px X 330px)
                            @if(isset($product->product_image) && $product->product_image!='')
                                <img alt="{{ $product->product_alt }}" src="{{ asset('assets/products/'.$product->product_image) }}" width="100" height="50" />
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="product_alt">Alt Text (Front Image)</label>
                                    <input type="text" class="form-control" name="product_alt" id="product_alt" value="{{ $product->product_alt }}" placeholder="">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="product_front_title">Image Title (Front Image)</label>
                                    <input type="text" class="form-control"   name="product_front_title" id="product_front_title" value="{{ $product->product_front_title }}" placeholder="">
                                </div>
                            </div>
                        </div>

                                                <div class="repeat-work">
                            <div class="repeatable_html_container">
                               @if($product_images)
                                    @foreach ($product_images as $key => $item)
                                        <div class="row repeatable_html">
                                            <div class="col-sm-4">
                                                <div class="form-group" >
                                                    <input type="hidden" name="gallery_ids[]" value="{{ $item->id }}">
                                                    <label for="gallery_images">Gallery Image <font style="color: red;">*</font></label>
                                                    <input type="file" class="form-control"  name="gallery_images_{{ $key }}" id="gallery_images" value="{{ $item->image }}" placeholder="">&nbsp;&nbsp;&nbsp;(369px X 337px)
                                                                                                    </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label for="alt">Alt Text </label>
                                                    <input type="text" class="form-control"  name="gallery_alt[]" id="gallery_alt" value="{{ $item->alt }}" placeholder="">
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label for="alt">Image Title </label>
                                                    <input type="text"  class="form-control"  name="gallery_title[]" id="gallery_title" value="{{ $item->img_title }}" placeholder="">
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <br>
                        <div class="form-group">
                            <label for="product_box_style">Product box style</label>
                            <input type="text" class="form-control" name="product_box_style" id="product_box_style" value="{{ $product->product_box_style }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_dimension">Product dimension</label>
                            <input type="text" class="form-control" name="product_dimension" id="product_dimension" value="{{ $product->product_dimension }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_quantity">Product quantity</label>
                            <input type="text" class="form-control" name="product_quantity" id="product_quantity" value="{{ $product->product_quantity }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_paper_stock">Product paper stock</label>
                            <input type="text" class="form-control" name="product_paper_stock" id="product_paper_stock" value="{{ $product->product_paper_stock }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_printing">Product printing</label>
                            <input type="text" class="form-control" name="product_printing" id="product_printing" value="{{ $product->product_printing }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_finishing">Product finishing</label>
                            <input type="text" class="form-control" name="product_finishing" id="product_finishing" value="{{ $product->product_finishing }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_included_options">Product included options</label>
                            <input type="text" class="form-control" name="product_included_options" id="product_included_options" value="{{ $product->product_included_options }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_additional_options">Product additional options</label>
                            <input type="text" class="form-control" name="product_additional_options" id="product_additional_options" value="{{ $product->product_additional_options }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_proof">Product Proof</label>
                            <input type="text" class="form-control" name="product_proof" id="product_proof" value="{{ $product->product_proof }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_turnaround">Product turnaround</label>
                            <input type="text" class="form-control" name="product_turnaround" id="product_turnaround" value="{{ $product->product_turnaround }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_shipping">Product shipping</label>
                            <input type="text" class="form-control" name="product_shipping" id="product_shipping" value="{{ $product->product_shipping }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="canonical">Canonical</label>
                            <input type="text" class="form-control" name="canonical" id="canonical" value="{{ $product->canonical }}" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="product_description">Product Description </label>
                            <textarea class="form-control" name="product_description" id="editor2" cols="40" rows="5">{{ $product->product_description }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="product_detail">Product Detail </label>
                            <textarea class="form-control" name="product_detail" id="editor" cols="40" rows="5">{{ $product->product_detail }}</textarea>
                        </div>


                        <div class="repeat-works">
                            <div class="repeatable_html_containers" id="editor-container">

                                @foreach($faqs as $a)
                                    <div class="row repeatable_htmls">
                                        <div class="col-sm-12">
                                            <div class="form-group" >
                                                <label for="image">FAQs Question<font style="color: red;">*</font></label>
                                                <input type="text" class="required form-control"  name="faqQ[]" id="galleryfile" value="{{$a->question}}" placeholder="">&nbsp;&nbsp;&nbsp;(369px X 337px)
                                            </div>
                                        </div>