@extends('branch.layout.master')
@section('title', 'المنتجات')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <label>المنتجات</label>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-box">

                <h4 class="header-title mb-4">إنشاء جديد</h4>

                <div class="row">
                    <div class="col-xl-12">
                        <form method="post" action="{{route('branch_products.store')}}" enctype="multipart/form-data">
                            @csrf


                            {{--     Company Manager informations       --}}
                            <div class="card-box">

                                <label>البيانات الأساسية للمنتج</label>
                                <hr>


                                <div class="form-group">
                                    <label for="exampleInputEmail1">الاسم باللغة العربية
                                    </label>
                                    <input type="text" class="form-control" required value="{{old('name_ar')}}"
                                           name="name_ar"
                                           id="exampleInputEmail1"
                                           placeholder="الأسم باللغة العربية">
                                    @if ($errors->has('name_ar'))
                                        <small class="text-danger">{{ $errors->first('name_ar') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">الاسم باللغة الأنجليزية
                                    </label>
                                    <input type="text" class="form-control" required value="{{old('name_en')}}"
                                           name="name_en"
                                           id="exampleInputEmail1"
                                           placeholder="الأسم باللغة الأنجليزية">
                                    @if ($errors->has('name_en'))
                                        <small class="text-danger">{{ $errors->first('name_en') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">السعر
                                    </label>
                                    <input type="text" class="form-control" required value="{{old('price')}}"
                                           name="price"
                                           id="exampleInputEmail1"
                                           placeholder="السعر">
                                    @if ($errors->has('price'))
                                        <small class="text-danger">{{ $errors->first('price') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">نسبة التخفيض %
                                    </label>
                                    <input type="number" class="form-control" value="{{old('discount_percent')}}"
                                           name="discount_percent"
                                           id="exampleInputEmail1"
                                           placeholder="نسبة التخفيض %">
                                    @if ($errors->has('discount_percent'))
                                        <small class="text-danger">{{ $errors->first('discount_percent') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">الوصف باللغة العربية
                                    </label>
                                    <textarea class="form-control" name="description_ar"
                                              placeholder="الوصف باللغة الأنجليزية"
                                              style="height: 230px;resize: none">{{old('description_ar')}}</textarea>
                                    @if ($errors->has('description_ar'))
                                        <small class="text-danger">{{ $errors->first('description_ar') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">الوصف باللغة الأنجليزية
                                    </label>
                                    <textarea class="form-control" name="description_en"
                                              placeholder="الوصف باللغة الأنجليزية"
                                              style="height: 230px;resize: none">{{old('description_en')}}</textarea>
                                    @if ($errors->has('description_en'))
                                        <small class="text-danger">{{ $errors->first('description_en') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">كود المنتج
                                    </label>
                                    <input type="text" class="form-control" required value="{{old('code')}}"
                                           name="code"
                                           id="exampleInputEmail1"
                                           placeholder="كود المنتج">
                                    @if ($errors->has('code'))
                                        <small class="text-danger">{{ $errors->first('code') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">رمز الشركة
                                    </label>
                                    <input type="text" class="form-control" value="{{old('company_code')}}"
                                           name="company_code"
                                           id="exampleInputEmail1"
                                           placeholder="رمز الشركة">
                                    @if ($errors->has('company_code'))
                                        <small class="text-danger">{{ $errors->first('company_code') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="exampleSelect1">المدينة</label>
                                    <select name="city_id" class="js-example-basic-single form-control">
                                        @foreach($cities as $city)
                                            <option value="{{$city->id}}">{{$city->name['ar']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if ($errors->has('city_id'))
                                    <small class="text-danger">{{ $errors->first('city_id') }}</small>
                                @endif
                                <div class="form-group">
                                    <label for="exampleSelect1">بلد المنشأ</label>
                                    <select name="country_id" class="js-example-basic-single form-control">
                                        @foreach($countries as $country)
                                            <option value="{{$country->id}}">{{$country->name['ar']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if ($errors->has('country_id'))
                                    <small class="text-danger">{{ $errors->first('country_id') }}</small>
                                @endif
                                <div class="form-group">
                                    <label for="exampleSelect1">العلامة التجارية</label>
                                    <select name="mark_id" class="js-example-basic-single form-control">
                                        @foreach($marks as $mark)
                                            <option value="{{$mark->id}}">{{$mark->name['ar']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if ($errors->has('mark_id'))
                                    <small class="text-danger">{{ $errors->first('mark_id') }}</small>
                                @endif
                                <div class="form-group">
                                    <label for="exampleSelect1">عدد القطع في المجموعة</label>
                                    <select name="count_in_group" class="form-control">
                                        @for($i =1 ; $i<=100 ; $i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                                @if ($errors->has('count_in_group'))
                                    <small class="text-danger">{{ $errors->first('count_in_group') }}</small>
                                @endif
                                <div class="form-group">
                                    <label for="exampleSelect1">اللون</label>
                                    <select name="color_id" class="js-example-basic-single form-control">
                                        @foreach($colors as $color)
                                            <option value="{{$color->id}}">{{$color->name['ar']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if ($errors->has('color_id'))
                                    <small class="text-danger">{{ $errors->first('color_id') }}</small>
                                @endif
                                <div class="form-group">
                                    <label for="exampleSelect1">القسم</label>
                                    <select name="category_id" required class="form-control">
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{$category->name['ar']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if ($errors->has('category_id'))
                                    <small class="text-danger">{{ $errors->first('category_id') }}</small>
                                @endif


                                <div class="form-group">
                                    <label for="exampleInputEmail1">النوع
                                    </label>
                                    <input type="text" class="form-control" value="{{old('type')}}"
                                           name="type"
                                           id="exampleInputEmail1"
                                           placeholder="النوع">
                                    @if ($errors->has('type'))
                                        <small class="text-danger">{{ $errors->first('type') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">الضمان
                                    </label>
                                    <input type="text" class="form-control" value="{{old('warranty')}}"
                                           name="warranty"
                                           id="exampleInputEmail1"
                                           placeholder="الضمان">
                                    @if ($errors->has('warranty'))
                                        <small class="text-danger">{{ $errors->first('warranty') }}</small>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label for="exampleInputEmail1">المنتجات المتشابهة</label>
                                    <br>
                                    <small>يرجي إختيار المنتجات المراد إظهاراها في المنتجات المتشابهه بحد اقصي 8</small>
                                    <select class="js-example-basic-multiple form-control" id="similar_products"
                                            required name="similar[]"
                                            multiple="multiple">
                                        @foreach($products as $product)
                                            <option value="{{$product->id}}">{{$product->name['ar']}}
                                                - {{$product->code}}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('similar'))
                                        <small class="text-danger">{{ $errors->first('similar') }}</small>
                                    @endif
                                </div>

                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card-box">
                                            <h4 class="header-title mb-4">صور المنتج</h4>
                                            <input type="file" multiple name="images" class="dropify"
 required
                                                   data-height="300"/>
                                        </div>
                                    </div><!-- end col -->
                                    @if ($errors->has('images'))
                                        <small class="text-danger">{{ $errors->first('images') }}</small>
                                    @endif
                                </div>


                            </div>


                            <div class="card-box">


                                <div class="col-lg-12">
                                    <div class="mt-4">
                                        <label> معلومات إضافية </label>

                                        <ul class="nav nav-pills" id="myTabalt" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" id="home-tab1" data-toggle="tab"
                                                   href="#home1"
                                                   style="font-size: large;font-family: Cairo" role="tab"
                                                   aria-controls="home" aria-expanded="true">معلومات بنائية</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="profile-tab1" data-toggle="tab" href="#profile1"
                                                   style="font-size: large;font-family: Cairo" role="tab"
                                                   aria-controls="profile">مواصفات كهربائية</a>
                                            </li>
                                        </ul>
                                        <div class="tab-content text-muted" id="myTabaltContent">
                                            <div role="tabpanel" class="tab-pane fade in active show" id="home1"
                                                 aria-labelledby="home-tab">

                                                <div class="card-box">

                                                    <label>الأبعاد </label>

                                                    <hr>


                                                    <div class="row">
                                                        <div class="col-6">
                                                            <label> الطول </label>
                                                            <input type="text" name="tall" class="form-control mb-3"
                                                                 value="{{old('tall')}}"  placeholder="الطول">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="tall_measure" class="form-control">
                                                                <option></option>
                                                                <option value="m">m</option>
                                                                <option value="cm">cm</option>
                                                                <option value="mm">mm</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label> العرض </label>
                                                            <input type="text" name="width" class="form-control mb-3"
                                                                   value="{{old('width')}}"       placeholder="العرض">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="width_measure" class="form-control">
                                                                <option></option>
                                                                <option value="m">m</option>
                                                                <option value="cm">cm</option>
                                                                <option value="mm">mm</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label> السماكة </label>
                                                            <input type="text" name="thick" class="form-control mb-3"
                                                                   value="{{old('thick')}}"         placeholder="السماكة">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="thick_measure" class="form-control">
                                                                <option></option>
                                                                <option value="cm">cm</option>
                                                                <option value="mm">mm</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label> العمق </label>
                                                            <input type="text" name="depth" class="form-control mb-3"
                                                                   value="{{old('depth')}}"        placeholder="العمق">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="depth_measure" class="form-control">
                                                                <option></option>
                                                                <option value="m">m</option>
                                                                <option value="cm">cm</option>
                                                                <option value="mm">mm</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label> الإرتفاع </label>
                                                            <input type="text" name="height" class="form-control mb-3"
                                                                   value="{{old('height')}}"    placeholder="الإرتفاع">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="height_measure" class="form-control">
                                                                <option></option>
                                                                <option value="m">m</option>
                                                                <option value="cm">cm</option>
                                                                <option value="mm">mm</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label> السعة </label>
                                                            <input type="text" name="capacity" class="form-control mb-3"
                                                                   value="{{old('capacity')}}"     placeholder="السعة">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="capacity_measure" class="form-control">
                                                                <option></option>
                                                                <option value="L">L</option>
                                                                <option value="ml">ML</option>
                                                            </select>
                                                        </div>

                                                    </div>


                                                    <label>بيانات أخرى</label>
                                                    <hr>
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">الإستخدام</label>
                                                        <br>
                                                        <select class="js-example-basic-multiple form-control"
                                                                name="usages[]"
                                                                multiple="multiple">
                                                            <option></option>
                                                            <option value="in">خارجي</option>
                                                            <option value="out">داخلي</option>
                                                            <option value="bathroom">حمامات</option>
                                                            <option value="wall">حائظ</option>
                                                            <option value="kitchen">مطبخ</option>
                                                            <option value="pools">مسابح</option>
                                                        </select>
                                                        @if ($errors->has('usages'))
                                                            <small
                                                                class="text-danger">{{ $errors->first('usages') }}</small>
                                                        @endif
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-6">
                                                            <label> الوزن </label>
                                                            <input type="text" name="weight" class="form-control mb-3"
                                                                   value="{{old('weight')}}"       placeholder="الوزن">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> وحده القياس </label>
                                                            <select name="weight_measure" class="form-control">
                                                                <option></option>
                                                                <option value="mg">mg</option>
                                                                <option value="gm">gm</option>
                                                                <option value="kg">kg</option>
                                                            </select>
                                                        </div>

                                                    </div>
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">اللمعان
                                                        </label>
                                                        <select name="brightness" class="form-control">
                                                            <option></option>
                                                            <option value="half">نصف</option>
                                                            <option value="full">كامل</option>
                                                            <option value="quarter">ربع</option>
                                                        </select>
                                                        @if ($errors->has('brightness'))
                                                            <small
                                                                class="text-danger">{{ $errors->first('brightness') }}</small>
                                                        @endif
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">متر مربع لكل صندوق
                                                        </label>
                                                        <input type="number" class="form-control"
                                                               value="{{old('meter_per_box')}}"
                                                               name="meter_per_box"
                                                               id="exampleInputEmail1"
                                                               placeholder="متر مربع لكل صندوق">
                                                        @if ($errors->has('meter_per_box'))
                                                            <small
                                                                class="text-danger">{{ $errors->first('meter_per_box') }}</small>
                                                        @endif
                                                    </div>


                                                </div>


                                            </div>


                                            <div class="tab-pane fade" id="profile1" role="tabpanel"
                                                 aria-labelledby="profile-tab">
                                                <div class="card-box">

                                                    <h4 class="header-title mb-4">مواصفات الأجهزة</h4>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <label> الجهد الكهربى </label>
                                                            <input type="text" name="volte" class="form-control mb-3"
                                                                   value="{{old('volte')}}"    placeholder="Volt">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> التردد </label>
                                                            <input type="text" name="hertz" class="form-control mb-3"
                                                                   value="{{old('hertz')}}"       placeholder="Hertz">
                                                        </div>
                                                        <div class="col-6">
                                                            <label> التيار الكهربى </label>
                                                            <input type="text" name="ampere" class="form-control mb-3"
                                                                   value="{{old('ampere')}}"    placeholder="Ampere">
                                                        </div>
                                                        <div class="col-6">
                                                            <label>المقاومة</label>
                                                            <input type="text" name="ohm" class="form-control mb-3"
                                                                   value="{{old('ohm')}}"        placeholder="Ohm">
                                                        </div>
                                                        <div class="col-6">
                                                            <label>السعة الكهربائية</label>
                                                            <input type="text" name="farad" class="form-control mb-3"
                                                                   value="{{old('farad')}}"     placeholder="Farad">
                                                        </div>
                                                        <div class="col-6">
                                                            <label>الشغل </label>
                                                            <input type="text" name="joule" class="form-control mb-3"
                                                                   value="{{old('joule')}}"    placeholder="Joule">
                                                        </div>
                                                        <div class="col-6">
                                                            <label>القدرة </label>
                                                            <input type="text" name="watt" class="form-control mb-3"
                                                                   value="{{old('watt')}}"    placeholder="Watt">
                                                        </div>
                                                        <div class="col-6">
                                                            <label>نوع الفيش </label>
                                                            <select class="form-control" name="fesh_type">
                                                                <option></option>
                                                                <option value="A">A</option>
                                                                <option value="B">B</option>
                                                                <option value="C">C</option>
                                                                <option value="D">D</option>
                                                                <option value="E">E</option>
                                                                <option value="F">F</option>
                                                                <option value="G">G</option>
                                                                <option value="H">H</option>
                                                                <option value="I">I</option>
                                                                <option value="J">J</option>
                                                                <option value="K">K</option>
                                                                <option value="L">L</option>
                                                                <option value="M">M</option>
                                                                <option value="N">N</option>
                                                                <option value="O">O</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label>مصدر الحرارة </label>
                                                            <select class="form-control" name="heat">
                                                                <option></option>
                                                                <option value="electric">كهربائية</option>
                                                                <option value="gaz">غاز</option>
                                                                <option value="battery">بطارية</option>

                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <label>عدد الشعلات </label>
                                                            <select class="form-control" name="burnes_numbers">
                                                                <option></option>
                                                                @for($x = 1 ; $x<=50 ; $x++)
                                                                    <option value="{{$x}}"> {{$x}}</option>

                                                                @endfor

                                                            </select>
                                                        </div>


                                                    </div>


                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </div>


                            </div>
                            <div class="card-box">

                                <div class="form-group">
                                    <label for="exampleInputEmail1">مواصفات أخرى
                                    </label>
                                    <textarea class="form-control" name="other"
                                              placeholder="مواصفات أخرى"
                                              style="height: 230px;resize: none">{{old('other')}}</textarea>
                                    @if ($errors->has('other'))
                                        <small class="text-danger">{{ $errors->first('other') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">سياسية الشحن والتوصيل باللغة العربية
                                    </label>
                                    <textarea class="form-control" name="shipping_terms_ar"
                                              placeholder="سياسية الشحن والتوصيل باللغة العربية"
                                              style="height: 230px;resize: none">{{old('shipping_terms_ar')}}</textarea>
                                    @if ($errors->has('shipping_terms_ar'))
                                        <small class="text-danger">{{ $errors->first('shipping_terms_ar') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">سياسية الشحن والتوصيل باللغة الإنجليزية
                                    </label>
                                    <textarea class="form-control" name="shipping_terms_en"
                                              placeholder="سياسية الشحن والتوصيل باللغة الإنجليزية"
                                              style="height: 230px;resize: none">{{old('shipping_terms_en')}}</textarea>
                                    @if ($errors->has('shipping_terms_en'))
                                        <small class="text-danger">{{ $errors->first('shipping_terms_en') }}</small>
                                    @endif
                                </div>

                            </div>
                            <div class="card-box">

                                <div class="form-group">
                                    <label for="exampleInputEmail1">توزيع المنتجات علي المحلات
                                    </label>
                                    <hr>
                                    <div class="row">


                                        @foreach($shops as $shop)


                                            <div class="col-6">
                                                <label> عنوان المحل </label>
                                                <input type="text" value="{{$shop->address}}" disabled
                                                       class="form-control mb-3"
                                                       placeholder="{{$shop->address}}">
                                                <input type="hidden" name="shop_id[]" value="{{$shop->id}}">
                                            </div>
                                            <div class="col-6">
                                                <label>الكمية</label>
                                                <input type="text" required name="count[]"
                                                       class="form-control mb-3"
                                                       placeholder="الكمية المتاحة">
                                            </div>


                                        @endforeach
                                    </div>
                                </div>

                            </div>

                            {{-- end Company Manager informations --}}
                            <button type="submit" class="btn btn-primary">حفظ</button>
                        </form>
                    </div><!-- end col -->


                </div><!-- end row -->
            </div>
        </div><!-- end col -->
    </div>



@stop