@extends('layouts.adminLayout.backendLayout')
@section('content')
<link rel="stylesheet" href="{!!asset('css/backend_css/select2.min.css')!!}">
<link rel="stylesheet" href="{!!asset('css/backend_css/bootstrap/css/select2-bootstrap4.min.css')!!}">
<style type="text/css">
    .red{
        color: red;
    }
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255,255,255,.7);
    float: right;
    margin-left: 5px;
    margin-right: -2px;
}
</style>
<style>
    #cke_editor1{
        margin-left:10px!important;
        margin-right: 10px!important;
    }
	.rage_checkbox{ margin-top:10px;width: 58%; height:22px;margin-left: -43px!important; }
</style>
<script type="text/javascript" src="{!!asset('js/backend_js/ckeditor/ckeditor.js')!!}"></script>
<script type="text/javascript" src="{!!asset('js/backend_js/ckeditor/adapters/jquery.js')!!}"></script>
<script type="text/javascript" src="{!!asset('js/backend_js/select2.full.min.js')!!}"></script>

<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-head">
            <div class="page-title">
                <h1>Products Management </h1>
            </div>
        </div>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="{{ url('admin/dashboard') }}">Dashboard</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ action('Admin\ProductsController@products') }}">Products </a>
            </li>
        </ul>
        @if(Session::has('flash_message_error'))
            <div role="alert" class="alert alert-danger alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Error!</strong> {!! session('flash_message_error') !!} </div>
        @endif
        @if(Session::has('flash_message_success'))
            <div role="alert" class="alert alert-success alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Success!</strong> {!! session('flash_message_success') !!} </div>
        @endif
        <div class="row">
            <div class="col-md-12 ">
                <div class="portlet blue-hoki box ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-gift"></i>{{ $title }}
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form id="addEditProduct" role="form" class="form-horizontal" method="post" @if(!empty($productdata['id'])) action="{{ url('admin/add-edit-product/'.$productdata['id']) }}" @else action="{{ url('admin/add-edit-product') }}" @endif enctype="multipart/form-data"> 
                            <input type="hidden" name="_token" value="{{{ csrf_token() }}}"  autocomplete="off" />
                            <div class="form-body">
                                <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">Product Name:<span class="red">*</span></label>
                                    <div class="col-md-6">
                                        <input autocomplete="off" type="text" placeholder="Name" name="product_name" style="color:gray" class="form-control" value="{{(!empty($productdata['product_name']))?$productdata['product_name']: '' }}"/>
                                    </div>
                                </div>
                                @if(!empty($productdata['seo_url']))
                                    <div id="getSeoUrl" style="display:none;">{{$productdata['seo_url']}}</div>
                                    <input type="hidden" name="old_seo" value="{{$productdata['seo_url']}}"  >
                                @endif
                                <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">SEO Unique Phrase:<span class="red">*</span></label>
                                    <div class="col-md-6">
                                        <input autocomplete="off" type="text" placeholder="SEO Unique Phrase" name="seo_url" style="color:gray" class="form-control" value="{{(!empty($productdata['seo_url']))?$productdata['seo_url']: '' }}" required />
                                        <b>Don't enter Special chars in SEO Unique execpt (-)</b>
                                    </div>
                                </div>
                                
                                <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">Product Code:<span class="red">*</span></label>
                                    <div class="col-md-6">
                                        <input autocomplete="off" type="text" placeholder="Product Code" @if(!empty($productdata)) readonly @else name="product_code" @endif style="color:gray" class="form-control" value="{{(!empty($productdata['product_code']))?$productdata['product_code']: '' }}"/>
                                    </div>
                                </div>
								 <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">Group Code:</label>
                                    <div class="col-md-6">
                                        <input autocomplete="off" type="text" placeholder="Group Code" name="group_code" class="form-control" value="{{(!empty($productdata['group_code']))?$productdata['group_code']: '' }}"/>
                                    </div>
                                </div>
								<div class="clearfix"></div>
                                <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">Select Category: <span class="red">*</span></label>
                                    <div class="col-md-6">
                                        <select name="category_id" class="selectbox"> 
                                            <option value="">Select</option>
                                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/acb20f5/public_html/alp/resources/views/admin/products/add-edit-product.blade.php</b> on line <b>100</b><br />
                                        </select>
                                    </div>
                                </div>
								
                              <!--  <div class="form-group col-md-6">
                                    <label class="col-md-6 control-label">Select Categories: <span class="red">*</span></label>
                                    <div class="col-md-6">
                                        <select name="cats[]" class="selectbox MultipleSelect" required multiple size="15" style="height: 50%;">
                                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/acb20f5/public_html/alp/resources/views/admin/products/add-edit-product.blade.php</b> on line <b>119</b><br />
                                        </select>
                                    </div>
                                </div>-->
								
                                <div class="clearfix"></div>
                               
								
                                <div class="clearfix"></div>
                                @if(!empty($productImages))
                                    <div class="form-group">
                                        <label class="col-md-3 control-label">Product Images:</label>
                                        <div class="col-md-8">
                                            <table  class="table table-hover table-bordered table-striped">
                                                <tbody>
                                                    <tr>
                                                        <th width="15%">Image</th>
                                                        <th width="35%">Sort</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                    @foreach($productImages as $key => $image)
                                                    <tr id="delete-{{$image['id']}}">
                                                        <td>
                                                            @if(!empty($image['image']))
                                                            <img width="100px" src="{{asset('images/ProductImages/medium/'.$image['image']) }}"/>
                                                            @else
                                                                N/A
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            <input id="ImageSort-{{$image['id']}}"  type="number" class="form-control" value="{{$image['image_sort']}}">
                                                            <br>
                                                            <button data-imageid="{{$image['id']}}" class="btn green updateImageSort" type="button"> Update</button>
                                                        </td>
                                                        <td class="text-center">
                                                            <a   id="{{ $image['id'] }}" class="btn btn-danger pImage" href="javascript:void(0);"><i class="fa fa-times"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endif
                                <div class="form-group">
                                    <label class="col-md-3 control-label">Add Product Images: <br><span style="color:red">Large Image Dimensions: <br> 1000  X 1500 </span></label> 
                                    <div class="col-md-8">
                                        <table id="ImageTable" class="table table-hover table-bordered table-striped">
                                            <tbody>
                                                <tr>
                                                    <th>Image</th>
                                                    <th>Image Sort</th>
                                                    <th>Actions</th>
                                                </tr>
                                                @for ($i=1; $i <=1; $i++)
                                                <tr class="blockIdWrap">
                                                    <td>
                                                        <input type="file" class="form-control" name="images[]">
                                                    <td>
                                                        <input type="text" placeholder="Image Sort" name="image_sort[]" style="color:gray" autocomplete="off" class="form-control"/>
                                                    </td>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                @endfor
                                            </tbody>
                                        </table>
                                        <input type="button" id="addImageRow" value="Add More" />
                                    </div>
                                </div>
								 <div class="form-group col-md-6">
                                        <label class="col-md-6 control-label">Color: <span class="red">*</span></label>
                                    <div class="col-md-6">
                                        
                                            <input autocomplete="off" type="text" placeholder="Color" name="color" style="color:gray" class="form-control" value="{{(!empty($productdata['color']))?$productdata['color']: '' }}"/>
                                        
                                    </div>
                                </div>
								<br />
<b>Fatal error</b>:  Uncaught Error: Class 'App\Productcolor' not found in /home/acb20f5/public_html/alp/resources/views/admin/products/add-edit-product.blade.php:208
Stack trace:
#0 {main}
  thrown in <b>/home/acb20f5/public_html/alp/resources/views/admin/products/add-edit-product.blade.php</b> on line <b>208</b><br />