@extends('admin.index')
@section('page_title')
    {{trans('products.create')}}
@endsection
@section('content')





    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{{trans('products.create')}}</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            <form class="form-horizontal" method="POST" action="{{route('admin.products.store')}}" dir="rtl" accept-charset="UTF-8" enctype="multipart/form-data">
                {!! csrf_field() !!}
                <div class="col-md-12">
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#settings" data-toggle="tab">عام</a></li>

{{--                            <li><a href="#photos" data-toggle="tab">اضافة صور للمنتج</a></li>--}}
{{--                            <li><a href="#ProductSpecification" data-toggle="tab">اضافة مواصفات المنتج</a></li>--}}

                        </ul>
                        <div class="tab-content">
                            <div class="active tab-pane" id="settings">

                                <div class="box-body">



                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="name">{{trans('products.name_ar')}}</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" placeholder="{{trans('products.name_ar')}}" name="name_ar" type="text" id="name" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="name_en">{{trans('products.name_en')}}</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" placeholder="{{trans('products.name_en')}}" name="name_en" type="text" id="name_en" required>
                                        </div>
                                    </div>





                                    <div class="form-group">
                                        <script>
                                            $(document).ready(function() {
                                                $(document).on("change",".GetCate",function(){

                                                    $.get("{{url('Admin/ajax/Subcate').'/'}}"+ $(this).val(), function(data){

                                                        $('.GetsubCategory').html(data);
                                                    });
                                                    $.get("{{url('Admin/ajax/brands').'/'}}"+ $(this).val(), function(data){

                                                        $('.GetBrand').html(data);
                                                    });

                                                });
                                            });
                                        </script>
                                        <label class="col-sm-2 control-label" for="category_id">{{trans('products.category_id')}}</label>
                                        <div class="col-sm-4">
                                            <select name="category_id" class="form-control select2 GetCate"  required>
                                                <option value="">{{trans('admin.selectChopose') . trans('admin.categories')}}</option>
                                                    @foreach($categories as $cate)
                                                        <option value="{{$cate->id}}">{{$cate->name_ar}}</option>
                                                    @endforeach
                                            </select>
                                        </div>


                                        <label for="city" class="col-sm-2 control-label">{{trans('brands.name')}}</label>
                                        <div class="col-sm-4">
                                            <select name="brand_id" class="form-control select2 GetBrand" required >


                                            </select>
                                        </div>

{{--                                        <label class="col-sm-1 control-label" for="category_id">{{trans('admin.subCategory')}}</label>--}}
{{--                                        <div class="col-sm-4">--}}
{{--                                            <select name="subcategory_id" class="form-control select2 GetsubCategory"  required>--}}
{{--                                                <option value="">{{trans('admin.selectChopose') . trans('admin.subCategory')}}</option>--}}

{{--                                            </select>--}}
{{--                                        </div>--}}
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="description_ar">{{trans('products.description_ar')}}</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control editor" required="required" id="editor1" placeholder="{{trans('products.description_ar')}}" name="description_ar"  ></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="description_en">{{trans('products.description_en')}}</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control editor" required="required" id="editor2" placeholder="{{trans('products.description_en')}}" name="description_en"  ></textarea>
                                        </div>
                                    </div>

                                    <script src="https://cdn.ckeditor.com/4.5.6/standard/ckeditor.js"></script>

                                    <script type="text/javascript">
                                        $(function () {

                                            CKEDITOR.replace('editor1');
                                            CKEDITOR.replace('editor2');
                                            $('.textarea').wysihtml5()
                                        })
                                    </script>
                                    <div class="form-group">

                                        <label class="col-sm-2 control-label" for="image_main">{{trans('products.image_main')}}</label>
                                        <div class="col-sm-3">
                                            <input class="form-control" placeholder="{{trans('products.image_main')}}" name="image_main" type="file" id="image_main" required>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="whatsapp">{{trans('products.whatsapp')}}</label>
                                            <div class="col-sm-3">
                                                <input class="form-control" value="{{SETTING_VALUE('whatsapp')}}" placeholder="{{trans('products.whatsapp')}}" name="whatsapp" type="text" id="whatsapp" >
                                            </div>
                                        </div>
                                    </div>



                                </div>

                                {{--Start First TAP--}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="box box-primary">
                                            <div class="box-header with-border">
                                                <h3 class="box-title">البيانات</h3>
                                            </div>
                                            <!-- /.box-header -->
                                            <!-- form start -->


                                            <div class="box-body hereallzsasd">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>

{{--                                                        <th>{{trans('products.qty')}}</th>--}}
                                                        <th>{{trans('products.price')}}</th>
                                                        <th>{{trans('products.discount')}}%</th>


                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <style>

                                                        .datepicker{

                                                            right: auto!important;
                                                        }
                                                    </style>
{{--                                                    <td> <input type="number" name="qty" required class="form-control" placeholder="{{trans('products.qty')}}"></td>--}}
                                                    <td> <input type="number" name="price" required class="form-control" placeholder="{{trans('products.price')}}"></td>
                                                    <td> <input type="number" name="discount" class="form-control" min="0" max="100"  value="0"            placeholder="{{trans('products.discount')}} %"></td>



                                                    </tbody>
                                                </table>
                                                <br>


                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="name">{{trans('products.status')}}</label>
                                                    <div class="col-sm-9">
                                                        <select name="status" class="form-control">
                                                            <option value="1">{{trans('products.yes')}}</option>
                                                            <option value="0">{{trans('products.no')}}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="name">{{trans('products.special')}}</label>
                                                    <div class="col-sm-9">
                                                        <select name="special" class="form-control" required>
                                                            <option value="0">{{trans('products.nospecial')}}</option>
                                                            <option value="1">{{trans('products.yesspecial')}}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="name">{{trans('products.homeshow')}}</label>
                                                    <div class="col-sm-9">
                                                        <select name="show_home" class="form-control" required>
                                                            <option value="1">{{trans('products.yeshome')}}</option>
                                                            <option value="0">{{trans('products.nohome')}}</option>
                                                        </select>
                                                    </div>
                                                </div>


                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="points">{{trans('products.stars')}}   <span style="color: red">(من 1 إلي 5)</span></label>

                                                    <div class="col-sm-9">
                                                        <select name="stars" class="form-control" required>
                                                            <option value="1">1</option>
                                                            {{--<option value="1.5">1.5</option>--}}
                                                            <option value="2">2</option>
                                                            {{--<option value="2.5">2.5</option>--}}
                                                            <option value="3">3</option>
                                                            {{--<option value="3.5">3.5</option>--}}
                                                            <option value="4">4</option>
                                                            {{--<option value="4.5">4.5</option>--}}
                                                            <option value="5">5</option>
                                                        </select>
                                                    </div>
                                                </div>



                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="box box-info">
                                            <div class="box-header with-border">
                                                <h3 class="box-title">SEO</h3>
                                            </div>
                                            <!-- /.box-header -->
                                            <!-- form start -->
                                            <div class="box-body ">


                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_title">{{trans('admin.meta_title')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.meta_title')}}" name="meta_title_ar" type="text" id="meta_title" >
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_title">{{trans('admin.mate_title_en')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.mate_title_en')}}" name="meta_title_en" type="text" id="meta_title" >
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_description">{{trans('admin.meta_description')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.meta_description')}}" name="meta_des_ar" type="text" id="meta_description" >
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_description">{{trans('admin.meta_description_en')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.meta_description_en')}}" name="meta_des_en" type="text" id="meta_description" >
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_keyword">{{trans('admin.meta_keyword')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.meta_keyword')}}" name="meta_key_ar" type="text" id="meta_keyword" >
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label" for="meta_keyword">{{trans('admin.meta_keyword_en')}}</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" placeholder="{{trans('admin.meta_keyword_en')}}" name="meta_key_en" type="text" id="meta_keyword" >
                                                    </div>
                                                </div>
                                                <!-- /.box-body -->

                                            </div>


                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <div class="form-group">
                                            <label class="col-sm-1 control-label" for="meta_keyword">تفاصيل المواصفات</label>
                                            <br>
                                            <div class="col-sm-12">
                                                <label class="col-sm-2 control-label" for="meta_keyword">المواصفات</label>
                                                <div class="col-sm-6">
                                                    <select name="color_size_qty" class="form-control" required id="others">
                                                        <option value=""> برجاء اختر المواصفات</option>
                                                        <option value="1">يوجد مواصفات</option>
                                                        <option value="2"> لا يوجد مواصفات</option>
                                                    </select>                                                </div>
                                                <div class="price" id="price">

                                                </div>

                                                <div>
                                                    <br>
                                                    <div>

                                                        <br>
                                                        <br>
                                                        <table class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>المواصفه الاولي</th>
                                                                <th>المواصفه الثانيه</th>
                                                                <th>{{trans('products.qty')}}</th>
                                                                <th>BarCode</th>

                                                                <th class="color_size_qty_action hidden">
                                                                    <button class="btn btn-default " style="background-color: yellowgreen;color: #fff;" id="Addmorecolor" type="button"><i class="glyphicon glyphicon-plus"></i> </button>

                                                                </th>
                                                            </tr>
                                                            </thead>
                                                            <tbody class="color_size_qty_action" id="Insertcolor">

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                                {{--End First TAP--}}

                                            </div>
                                            <!-- /.tab-pane -->
                                            <!-- /.tab-pane -->



                                            <!-- /.tab-pane -->
                                            <div class="tab-pane " id="photos">

                                                <div class="box-body ">



                                                    <!-- /.box-body -->

                                                </div>
                                                <!-- /.tab-pane -->

                                            </div>

                                        </div>

                                        <!-- /.nav-tabs-custom -->
                                    </div>

                                    <div class="form-group">
                                        <table class="table table-bordered">
                                            <thead>
                                            <tr>
                                                <th>{{trans('products.photo_title_array')}}</th>
                                                <th>{{trans('products.image')}}</th>

                                                <th>
                                                    <button class="btn btn-default" style="background-color: yellowgreen;color: #fff;" id="AddPdf" type="button"><i class="glyphicon glyphicon-plus"></i> </button>

                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="InsertPdf">
                                            <tr id="remove'+zxc+' ">
                                                <td>
                                                    <input type="text" name="photo_title_array[]" class="form-control" required>
                                                </td>
                                                <td>
                                                    <input type="file" name="image[]" class="form-control" required>
                                                </td>
                                                <td>

                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>


                                    {{--<div class="form-group">--}}
                                        {{--<div class="form-group">--}}
                                            {{--<label class="col-sm-1 control-label" for="meta_keyword">{{trans('admin.ditails')}}</label>--}}
                                            {{--<div class="col-sm-9">--}}
                                        {{--<select name="color_size_qty" class="form-control"required id="others">--}}
                                            {{--<option value=""> برجاء اختر المواصفات</option>--}}
                                            {{--<option value="1">يوجد مواصفات</option>--}}
                                            {{--<option value="2"> لا يوجد مواصفات</option>--}}
                                        {{--</select>--}}
                                                {{--<div>--}}
                                                {{--<div>--}}
                                                    {{--<div class="price" id="price">--}}

                                                    {{--</div>--}}
                                        {{--<table class="table table-bordered">--}}
                                            {{--<thead>--}}
                                            {{--<tr>--}}
                                                {{--<th>{{trans('products.color')}}</th>--}}
                                                {{--<th>{{trans('products.size')}}</th>--}}
                                                {{--<th>{{trans('products.qty')}}</th>--}}

                                                {{--<th class="color_size_qty_action">--}}
                                                    {{--<button class="btn btn-default " style="background-color: yellowgreen;color: #fff;" id="Addmorecolor" type="button"><i class="glyphicon glyphicon-plus"></i> </button>--}}

                                                {{--</th>--}}
                                            {{--</tr>--}}
                                            {{--</thead>--}}
                                            {{--<tbody class="color_size_qty_action" id="Insertcolor">--}}

                                            {{--</tbody>--}}
                                        {{--</table>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--End First TAP--}}

                            {{--</div>--}}
                            {{--<!-- /.tab-pane -->--}}
                            {{--<!-- /.tab-pane -->--}}



                            {{--<!-- /.tab-pane -->--}}
                            {{--<div class="tab-pane " id="photos">--}}

                                {{--<div class="box-body ">--}}



                                {{--<!-- /.box-body -->--}}

                            {{--</div>--}}
                            {{--<!-- /.tab-pane -->--}}

                        {{--</div>--}}
{{--                            <div class="tab-pane " id="ProductSpecification">--}}

{{--                                <div class="box-body ">--}}


{{--                                    <div class="form-group">--}}
{{--                                        <table class="table table-bordered">--}}
{{--                                            <thead>--}}
{{--                                            <tr>--}}
{{--                                                <th>{{trans('products.title_array_ar')}}</th>--}}
{{--                                                <th>{{trans('products.specification_array_ar')}}</th>--}}


{{--                                                <th>--}}
{{--                                                    <button class="btn btn-default" style="background-color: yellowgreen;color: #fff;" id="AddProductSpecification" type="button"><i class="glyphicon glyphicon-plus"></i> </button>--}}

{{--                                                </th>--}}
{{--                                            </tr>--}}
{{--                                            </thead>--}}
{{--                                            <tbody id="InsertProductSpecification">--}}

{{--                                            </tbody>--}}
{{--                                        </table>--}}
{{--                                    </div>--}}
{{--                                    <!-- /.box-body -->--}}

{{--                                </div>--}}
{{--                                <!-- /.tab-pane -->--}}

{{--                            </div>--}}

                            {{--<!-- /.tab-pane -->--}}

                        {{--<!-- /.tab-content -->--}}
                    {{--</div>--}}

                    {{--<!-- /.nav-tabs-custom -->--}}
                {{--</div>--}}







                <div class="box-footer">
                    <input class="btn btn-primary" type="submit" value="{{trans('admin.save')}}">
                    <button class="btn default" type="reset">{{trans('admin.reset')}}</button>
                    <a href="{{ URL::previous() }}" class="btn btn-primary"> {{trans('admin.back')}} </a>
                </div>

            </form>

        </div>



        <!-- /.box-body -->
    </div>

    <!-- /.box -->

    <script>
        $(function () {
            var zxc = 1;
            $("#AddPdf").click(function () {

                $("#InsertPdf").append(
                    // Add new row

                    ' <tr id="remove'+zxc+' ">' +
                    '            <td>' +
                    '                <input type="text" name="photo_title_array[]" class="form-control" required>' +
                    '            </td>' +
                    '            <td>' +
                    '                <input type="file" name="image[]" class="form-control" required>' +
                    '            </td>' +
                    '            <td>' +
                    '                <input type="button" id="remove" class="btn btn-danger " value="X" />' +
                    '            </td>' +
                    ' </tr>'+

                    ''
                );
                $('.select2').select2();
                zxc++;
            });

            //remove selected Row
            $("#InsertPdf").on("click", "#remove", function () {
                $(this).closest("tr").remove();

            });

        });


    </script>



{{--    <script>--}}
{{--        $(function () {--}}
{{--            var zxc = 1;--}}
{{--            $("#Addmorecolor").click(function () {--}}

{{--                $("#Insertcolor").append(--}}
{{--                    // Add new row--}}

{{--                    ' <tr id="remove'+zxc+' ">' +--}}
{{--                    '            <td>' +--}}
{{--                 '   <select id="items'+zxc+'" class="form-control select2  items color" data-live-search="true" name="color[]" data-count="'+zxc+'" required>' +--}}
{{--                '                    <option  class="form-control" value="" >-----اختيار اسم المواصفه ----</option>' +--}}
{{--                '                    @foreach ($color as $item )' +--}}
{{--                '                        <option value="{{$item->id}}">{{ $item->name_ar }} </option>' +--}}
{{--                '                    @endforeach' +--}}
{{--                '                </select>' +                    '            </td>' +--}}

{{--                    '            <td>' +--}}
{{--                    '   <select id="items'+zxc+'" class="form-control select2 items size" data-live-search="true" name="size[]" data-count="'+zxc+'" required>' +--}}
{{--                    '                    <option  class="form-control" value="" >----- 2 اختيار اسم المواصفه ----</option>' +--}}
{{--                    '                    @foreach ($size as $items )' +--}}
{{--                    '                        <option value="{{$items->id}}">{{ $items->name_ar }} </option>' +--}}
{{--                    '                    @endforeach' +--}}
{{--                    '                </select>' +                    '            </td>' +--}}
{{--                    '            <td>' +--}}
{{--                    '                <input type="number" value="1" min="0" name="item_qty[]" class="form-control" required>' +--}}
{{--                    '            </td>' +--}}
{{--                    '            <td>' +--}}
{{--                    '                <input type="button" id="remove" class="btn btn-danger " value="X" />' +--}}
{{--                    '            </td>' +--}}
{{--                    ' </tr>'+--}}

{{--                    ''--}}
{{--                );--}}
{{--                $('.select2').select2();--}}
{{--                zxc++;--}}
{{--            });--}}

{{--            //remove selected Row--}}
{{--            $("#Insertcolor").on("click", "#remove", function () {--}}
{{--                $(this).closest("tr").remove();--}}

{{--            });--}}

{{--        });--}}


{{--    </script>--}}



    <script>
        $(function () {
            var zxcx = 1;
            $("#AddProductSpecification").click(function () {

                $("#InsertProductSpecification").append(
                    // Add new row

                    ' <tr id="remove'+zxcx+' ">' +
                    '            <td>' +
                    '                <input type="text" name="title_array_ar[]" class="form-control" placeholder="{{trans('products.title_array_ar')}}" required><br>' +
                    ' <input type="text" name="title_array_en[]" class="form-control" placeholder="{{trans('products.title_array_en')}}" required>' +
                    '' +
                    '            </td>' +

                    '            <td>' +
                    '                <input type="text" name="specification_array_ar[]" placeholder="{{trans('products.specification_array_ar')}}" class="form-control" required><br>' +
                    '                <input type="text" name="specification_array_en[]" placeholder="{{trans('products.specification_array_en')}}" class="form-control" required>' +
                    '            </td>' +



                    '            <td>' +
                    '                <input type="button" id="remove2" class="btn btn-danger " value="X" />' +
                    '            </td>' +
                    ' </tr>'+

                    ''
                );
                $('.select2').select2();
                zxc++;
            });

            //remove selected Row
            $("#InsertProductSpecification").on("click", "#remove2", function () {
                $(this).closest("tr").remove();

            });

            $(document).on("change",".color",function(){
                var fire = $(this).closest("tr");
                if(this.value == 20){

                    fire.find(".size").val(27);
                    fire.find('.size').trigger('change');
                    fire.find('.size').attr('readonly', true);
                }else{
                    fire.find('.size').trigger('change');
                    fire.find('.size').prop('readonly', false);
                }

            });
        });


    </script>

    @push('js')

        <script>
            $(function () {

                CKEDITOR.replace('editor1');
                $('.textarea').wysihtml5();
                CKEDITOR.on( 'required', function( evt ) {
                    alert( 'Article content is required.' );
                    evt.cancel();
                } );
            })
        </script>
        <script>
            $(function () {
                CKEDITOR.replace('editor2');
                $('.textarea').wysihtml5()
            })

        </script>

    @endpush
    <script>
        $(function () {
            var zxc = 1;
            $("#Addmorecolor").click(function () {

                $("#Insertcolor").append(
                    // Add new row

                    ' <tr id="remove'+zxc+' ">' +
                    '            <td>' +
                    '   <select id="items'+zxc+'" class="form-control select2  items color" data-live-search="true" name="color['+zxc+']" data-count="'+zxc+'" required>' +
                    '                    <option  class="form-control" value="" >-----اختيار اسم المواصفه الاولي ----</option>' +
                    '                    @foreach ($specific as $item )' +
                    '                        <option value="{{$item->id}}">{{ $item->Specific_title_ar }} </option>' +
                    '                    @endforeach' +
                    '                </select>' +                    '            </td>' +

                    '            <td>' +
                    '   <select id="items'+zxc+'" class="form-control select2 items size" data-live-search="true" name="size['+zxc+']"  data-count="'+zxc+'" >' +
                    '                    @foreach ($specific as $items )' +
                    '                    <option  class="form-control" value="0" >-----اختيار اسم المواصفه الثانيه ----</option>' +

                    '                        <option value="{{$items->id}}">{{ $items->Specific_title_ar }} </option>' +
                    '                    @endforeach' +
                    '                </select>' +                    '            </td>' +
                    '            <td>' +
                    '                <input type="number" value="1" min="0" name="item_qty['+zxc+']" class="form-control" required>' +
                    '            </td>' +
                    '            <td>' +
                    '                <input type="text" name="barcodeq['+zxc+']" class="form-control" required>' +
                    '            </td>' +
                    '            <td>' +
                    '                <input type="button" id="remove" class="btn btn-danger " value="X" />' +
                    '            </td>' +
                    ' </tr>'+

                    ''
                );
                $('.select2').select2();
                zxc++;
            });

            //remove selected Row
            $("#Insertcolor").on("click", "#remove", function () {
                var  num =$(this).closest("tr").find('.color  option:selected').val();
                $(".imagecolor option:selected").each(function(){
                    console.log($(this).val())
                    if($(this).val()==num){
                        $(this).closest("tr").remove();
                    }
                });
                $(this).closest("tr").remove();

            });

        });


    </script>
    <script>
        $(function(){
            $('#others').change(function(){
                var others =  parseInt($("#others").val());
                if(this.value ==  2){

                    $("#price").removeClass('hidden').append(
                        '<div class="col-md-4">'
                        +'<div id="item_price_f" >'
                        +'<lable>الكمية</label>'
                        +'<input type="number" min="1" value="1" name="qty"   placeholder="{{trans('products.qty')}}" class="form-control">'
                        +'</br>'
                        +'<lable>Barcode</label>'
                        +'<input type="text"  name="barcode"  required placeholder="{{trans('barcode')}}" class="form-control">'

                        +'</div>'
                        +'</div>'
                        +'</br>'
                    )

                    $(".color_size_qty_action").addClass('hidden');

                }else if(this.value ==  1){

                    $(".color_size_qty_action").removeClass('hidden');
                    $("#price").addClass('hidden');
                    $("#item_price_f").remove();
                }else{
                    $("#price").addClass('hidden');
                    $(".color_size_qty_action").addClass('hidden');

                }

            });
        });

    </script>



@endsection