@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="hideformspan" enctype="multipart/form-data">
                @csrf
                <div class="box-body">
                    <div class="form-group">
                        <label for="product_name">Product Name</label>
                        <input name="product_name" id="product_name" required>
                        <span id="product_name_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="product_category_id">Category</label>
                        <select name="product_category_id" id="product_category_id" required>
                            <option value="">Select Category</option>
                            @foreach($product_categories as $product_category_row)
                            <option value="{{$product_category_row->id}}">{{$product_category_row->category_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="product_selected_attributes">Attributes*</label>
                        <select name="product_selected_attributes[]" id="product_selected_attributes" required multiple>
                            @foreach($product_attributes as $product_attribute_row)
                            <option value="{{$product_attribute_row->id}}">{{$product_attribute_row->attribute_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Maintenance Level</label>
                        <select name="product_maintenance_level" id="product_maintenance_level" required>
                            <option value="">Select Level</option>
                            @foreach($maintenance_levels as $maintenance_level_row)
                            <option value="{{$maintenance_level_row->id}}">{{$maintenance_level_row->maintenance_level_title}}</option>
                            @endforeach
                        </select>
                        <span id="product_maintenance_level_err"></span>
                    </div>
                    <div class="form-group" style="display:none;">
                        <label for="product_pdf_name">Sun Guide Title</label>
                        <input type="text" name="product_pdf_name" id="product_pdf_name" value="Sun Guide">
                        <span id="product_pdf_name_err"></span>
                    </div>
                    <div class="form-group sunguide_file">
                        <label for="product_pdf">Sun Guide File</label>
                        <input type="file" name="product_pdf" id="product_pdf" accept="image/*">
                        <span id="product_pdf_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="product_add_to_cart_button">Add to Cart Button Title</label>
                        <input type="text" name="product_add_to_cart_button" id="product_add_to_cart_button" required>
                        <span id="product_add_to_cart_button_err"></span>
                    </div>
                    <div class="form-group" style="display:none;">
                        <label>Thumbnail (549 x 825)</label>
                        <img style="display:none;">
                        <br>
                        <button type="button" class="btn btn-default select_image" data-toggle="modal" data-target="#select_image">Select Image</button>
                        <input type="hidden" name="product_thumbnail">
                        <br>
                        <span id="product_thumbnail_err"></span>
                    </div>
                    <div class="form-group" style="display:none;">
                        <label>Hover Image (549 x 825)</label>
                        <img style="display:none;">
                        <br>
                        <button type="button" class="btn btn-default select_image" data-toggle="modal" data-target="#select_image">Select Image</button>
                        <input type="hidden" name="product_hover_image">
                        <br>
                        <span id="product_hover_image_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="product_description">Description*</label>
                        <textarea name="product_description" id="product_description" required></textarea>
                        <span id="product_description_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="product_size_guide">Size Guide File</label>
                        <input type="file" name="product_size_guide" id="product_size_guide" accept="image/*">
                        <span id="product_size_guide_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="product_related_ids">Related</label>
                        <select name="product_related_ids[]" id="product_related_ids" multiple>
                            @foreach($products as $product_row)
                            <option value="{{$product_row->id}}">{{$product_row->product_name}} {{$product_row->attribute_value_data}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="product_care_id">Care Product</label>
                        <select name="product_care_id" id="product_care_id">
                            <option value="">Select Care Product</option>
                            @foreach($plants as $plant_row)
                            <option value="{{$plant_row->id}}">{{$plant_row->plant_title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="meta_title">Meta Title*</label>
                        <input type="text" name="meta_title" id="meta_title" required>
                        <span id="meta_title_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="meta_description">Meta Description*</label>
                        <textarea name="meta_description" id="meta_description" required></textarea>
                        <span id="meta_description_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="display_status">Status</label>
                        <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>
            @php
            echo View::make('admin.image_selection', ['files' => $files]);
            @endphp
        </div>
        <div id="resultmessage"></div>
    </div><!-- /.col -->
    <!-- /.row -->
</section><!-- /.content -->
@endsection